Need help? Check out our Support site, then


Luscious Theme Border Image

  1. bethalexander07
    Member

    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

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

  3. 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

    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

    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. 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. 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. 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.

About this Topic