WordPress.com Forums » Topic: Luscious Theme Border Image

kellyglover on "Luscious Theme Border Image"

kellyglover — Mon, 29 Oct 2012 04:21:09 +0000

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

kellyglover on "Luscious Theme Border Image"

kellyglover — Sat, 27 Oct 2012 07:45:13 +0000

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

designsimply on "Luscious Theme Border Image"

designsimply — Sat, 13 Oct 2012 17:25:00 +0000

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

bethalexander07 on "Luscious Theme Border Image"

bethalexander07 — Sat, 13 Oct 2012 17:06:03 +0000

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!

bethalexander07 on "Luscious Theme Border Image"

bethalexander07 — Sat, 13 Oct 2012 16:52:25 +0000

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

designsimply on "Luscious Theme Border Image"

designsimply — Sat, 13 Oct 2012 12:29:45 +0000

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

bethalexander07 on "Luscious Theme Border Image"

bethalexander07 — Wed, 10 Oct 2012 17:49:27 +0000

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

bethalexander07 on "Luscious Theme Border Image"

bethalexander07 — Wed, 10 Oct 2012 17:49:05 +0000

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 :)