Luscious Theme Border Image

  • Author
    Posts
  • #1038056

    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.

    #1038161

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

    #1038383

    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;
    }
    #1038396

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

    #1038397

    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!

    #1038398

    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;
    }
    #1038418

    kellyglover
    Member

    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

    #1038419

    kellyglover
    Member

    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

The topic ‘Luscious Theme Border Image’ is closed to new replies.