Removing pink circles on Adele theme

• 

  kibbermktg · Member · Sep 29, 2013 at 1:55 pm

  • Copy link
  • Add topic to favorites

  Does anyone know how I can remove the pink circles at the top of the background on the Adele theme? I only want to have a solid white background. Many thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  bobbol · Member · Sep 29, 2013 at 3:03 pm

  • Copy link

  kibbermktg
  This CSS will move the top margin of your page up thereby eliminating then circles on the very top:

  .site-container {
  margin-top: -50px;
  }

  note the value is negative 50px; if this seems like it’s working but the spacing is not exact, experiment with the value; i.e., try -70px, -30px, etc.

  To my thinking this is a bit of a jerryrigged work around. The circles are a background image in the site-container element. However if you start messing with that image it tends to eliminate the ribbon banner as well as the circles.

  Cheers!

• 

  kibbermktg · Member · Sep 29, 2013 at 3:35 pm

  • Copy link

  bobbol

  That did the trick perfectly and I didn’t even have to play with the negative pixel. I’m just getting my feet wet with CSS, so you were a big help in solving this problem that’s been bugging me for a couple of weeks!

  Thanks again!

• 

  justpi · Member · Sep 30, 2013 at 4:13 am

  • Copy link

  But you don’t need to shift the theme upwards to hide the image. You can remove the image, this way:

  .site-container {
      background-image: none;
  }

• 

  bobbol · Member · Sep 30, 2013 at 4:37 am

  • Copy link

  right I tried that but as I recall it removed the circles And the flowery banner so I went off in another direction; … or did I do a display:none on something…

  if that works that would be a better approach justpi

  cheers!