How do you remove CSS code from a theme?

• 

  ethiopianprincess1 · Member · Dec 10, 2009 at 8:30 pm

  • Copy link
  • Add topic to favorites

  I am re-styling the Banana Smoothie theme. In the menu section w/in the CSS code, I would like to remove the “menu-end” image. This is the original CSS I’m trying to work with:

  #menu:after {
  content: url(“images/menu-end.png”);
  This is the yellow sticky flip up at the end of the menu.

  Note: I have not yet purchased the CSS Upgrade yet so I can only preview it. First I want to make sure I can successfully customize this theme. Everything has gone well up until this point.
  Can someone help me with this? Thanks!

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

• 

  devblog · Member · Dec 10, 2009 at 8:54 pm

  • Copy link

  Just override that definition, something like this should do it:

  #menu:after {content: "";}

• 

  ethiopianprincess1 · Member · Dec 15, 2009 at 11:11 pm

  • Copy link

  I’ll give that I try – thanks!

• 

  ethiopianprincess1 · Member · Dec 15, 2009 at 11:18 pm

  • Copy link

  Well, I gave it a try, but it didn’t work for me. I’m not sure why this doesn’t work… Can anyone help me figure out how to get rid of the sticky note images on the Banana Smoothie Theme? Thank you!

• 

  ethiopianprincess1 · Member · Dec 15, 2009 at 11:47 pm

  • Copy link

  Another thing to note is that I can’t even switch out the image here. I’ve done plenty of image switchouts with the ‘background-image’ property w/o a problem, but I can’t seem to do it with this one. I appreciate any help. Thanks.

• 

  thesacredpath · Member · Dec 16, 2009 at 12:15 am

  • Copy link

  The background image has to be removed from a couple places. I put this into the CSS edit window and all the background, and the menu end things goes away:

  body {
  background-image:none;
  }
  
  h1#header {
  background-image:none;
  }
  
  #content {
  background-image:none;
  }
  
  #menu:after {
  display:none;
  }

• 

  ethiopianprincess1 · Member · Dec 16, 2009 at 1:51 am

  • Copy link

  I will try this – thank you so much!

• 

  thesacredpath · Member · Dec 16, 2009 at 1:52 am

  • Copy link

  You’re welcome.

• 

  ethiopianprincess1 · Member · Dec 16, 2009 at 1:53 am

  • Copy link

  OH wait – I don’t want to remove the bg to everything else because I switched out those images to customize the theme… I will try the last thing though and see if that works. Is there a way that I can keep the custom images I put everywhere else and remove those yellow tabs? – Thanks!

• 

  ethiopianprincess1 · Member · Dec 16, 2009 at 1:57 am

  • Copy link

  I tried the “display:none:” attribute only but that didn’t seem to help either :(. I am so close to getting this the way I want it…

• 

  thesacredpath · Member · Dec 16, 2009 at 2:01 am

  • Copy link

  #menu ul {
  background-image:none;
  }
  
  #menu ul li[id]:after {
  display:none;
  }

• 

  thesacredpath · Member · Dec 16, 2009 at 2:03 am

  • Copy link

  With this in the CSS edit window on my test blog, the recipe is gone from the bottom of the sidebar:

  #menu:after {
  display:none;
  }

  http://flippintestblog.wordpress.com/

• 

  ethiopianprincess1 · Member · Dec 16, 2009 at 2:07 am

  • Copy link

  Great! That seemed to work. I just need to get rid of that Banana Smoothie recipe image now. It’s possible I will be able to figure that out, if not… I’LL BE BACK. Thanks again!!!

• 

  thesacredpath · Member · Dec 16, 2009 at 2:09 am

  • Copy link

  THIS

  #menu:after {
  display:none;
  }

  Gets rid of the banana smoothie recipe.

• 

  ethiopianprincess1 · Member · Dec 16, 2009 at 2:43 am

  • Copy link

  SWEEEET – I’m movin on! This worked, thanks for your help!

• 

  thesacredpath · Member · Dec 16, 2009 at 3:01 am

  • Copy link

  You’re welcome.

• 

  devblog · Member · Dec 16, 2009 at 11:14 pm

  • Copy link

  am I losing my touch? :D

• 

  thesacredpath · Member · Dec 16, 2009 at 11:47 pm

  • Copy link

  I seriously doubt that. :-)