WordPress.com

1. bethalexander07
   Member
   Oct 10, 2012, 5:49 PM

   I need help removing the luscious theme border image. It totally does not go with the color scheme on my site (it is pink/brown/yellow and my site is turquoise, and grayscale).

   I read on a forum that you can edit it in ccs by entering this with the url for my image:

   #subnav {
   background-image:urlhttp://bethalexanderfitness.wordpress.com/files/2012/10/picture-11.png);
   }

   however, it is not working. Any insights would be greatly appreciated! The pink/brown/yellow needs to go :)

   The blog I need help with is fitfierceandfeminine.com.

2. bethalexander07
   Member
   Oct 10, 2012, 5:49 PM

   sorry! The blog I need help with is bethalexanderfitness.com

3. designsimply
   Staff
   Oct 13, 2012, 12:29 PM

   In your custom CSS, you should remove this rule because there is a mistake in the CSS and the image referenced is a broken link:

   #subnav {
   	background-image:urlhttp://bethalexanderfitness.com/files/2012/10/picture-11.png);
   }

   Then add this to remove the red and orange accents from the top of the site, the subnavigation, and the widget headings:

   #wrap,
   #subnav,
   .widget-area h4 {
   	background: none;
   }

4. bethalexander07
   Member
   Oct 13, 2012, 4:52 PM

   Thank you thank you thank you!!!!!!!!!! It worked like a charm as was super easy. I appreciate your support, time and energy, Thank you!

5. bethalexander07
   Member
   Oct 13, 2012, 5:06 PM

   One more question. Do you know any way of replacing that banner with a different image? The blog looks so much better without it than those colors, but I think that a banner in general would make it look more organized?

   Thank you!

6. designsimply
   Staff
   Oct 13, 2012, 5:25 PM

   Do you know any way of replacing that banner with a different image?

   Sure. First, create the image you'd like to use instead, upload it to your media library, and copy the image link.

   Here is the original border image from the Luscious theme for reference:
   http://s1.wp.com/wp-content/themes/premium/luscious/images/border.png

   To figure out what CSS to use, I looked for any references to border.png in the original theme stylesheet:
   https://s1.wp.com/wp-content/themes/premium/luscious/style.css?m=1344957909g&minify=false

   I actually found two more selectors that I could have included before.

   To replace the image, replace the url() values with the new border image you uploaded to your media library and add the it to your Appearance → Custom Design → CSS editor:

   #wrap,
   #subnav {
   	background: url("http://s1.wp.com/wp-content/themes/premium/luscious/images/border.png") repeat-x;
   }
   
   #comments h3,
   .widget-area h4 {
   	background: url("http://s1.wp.com/wp-content/themes/premium/luscious/images/border.png") bottom repeat-x;
   }
   
   #footer {
   	background: url("http://s1.wp.com/wp-content/themes/premium/luscious/images/border.png") top repeat-x;
   }

7. kellyglover
   Member
   Oct 27, 2012, 7:45 AM

   You gals seem on top of it! My background image is uploaded but hidden under grey colour. When I click on a page it flashes for a second then the grey comes up.

   Any ideas how to make it visivble? http://www.bigcurvylove.com

8. kellyglover
   Member
   Oct 29, 2012, 4:21 AM

   Also the coloured dotted line underneath the top menu is missing and i'd like it there.

   Any help on getting this back would be great! Thanks

Topic Closed

This topic has been closed to new replies.