Wordpress Themes - WP Forum at BFA - [SOLVED] Transparent Background on Pages, not Posts

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Center area post/pages (http://forum.bytesforall.com/forumdisplay.php?f=32)

- - [SOLVED] Transparent Background on Pages, not Posts (http://forum.bytesforall.com/showthread.php?t=22826)

mlegions

Sep 17, 2014 03:54 PM

[SOLVED] Transparent Background on Pages, not Posts

Wordpress & Atahualpa are up to date.

Site: http://mythiclegions.com/

I would like to have a fully transparent background on Pages, or at least specific Pages, while maintaining the background image on News Posts on the front page of the site.

For an example of what I'm trying to do, on the pages:
http://mythiclegions.com/characters/
http://mythiclegions.com/bio-barbarian/

...I would like to have the images floating directly over the stone background (Center column background). The beige background image is specifically needed for front page News Posts, but I need to get rid of it for separate Pages.

I've tried a number of things (and done plenty of searches) to achieve the desired result, but haven't had success. Any help would be greatly appreciated.

juggledad

Sep 17, 2014 04:14 PM

If I understand what you want, try this in teh CSS Inserts

HTML Code:

body.home div.post {background: none; }

mlegions

Sep 17, 2014 04:26 PM

Thanks for the response.

That insert actually gives me the opposite effect: No background displays on News Posts, and background displays on individual Pages.

No Background:
http://mythiclegions.com/

Background:
http://mythiclegions.com/characters/
http://mythiclegions.com/bio-barbarian/

So what I'm trying to do is have that background image display on News Posts, but not on the "characters" or "bio-barbarian" pages.

juggledad

Sep 17, 2014 04:46 PM

so look go to those pages and then look at the source code for the page (all browsers have an option to look at the source) . Find the <body....> and use a class from that like I did for the home page.

mlegions

Sep 17, 2014 05:10 PM

Understood.

I see now. I was leaving out the div, so that was the problem. Seems like I forgot all the basic CSS I tried to teach myself last year.

So this new CSS insert caused the background to not display on ANY page, including on the front page News Posts. This is how I set it up to fix the problem:

Quote:

body.home div.post {background: url('http://mythiclegions.com/images/mythic-post-bg.png'); }
body.page-id-63, div.post {background: none; }
body.page-id-11, div.post {background: none; }

Is there a cleaner way to type all that in, or is this good to go? Pending any further suggestions, the problem is solved.

Thanks for your patience and quick responses!

juggledad

Sep 17, 2014 05:58 PM

That is fine, you could combine the two CSS Selectors that are applying the same rule like this

HTML Code:

body.home div.post {background: url('http://mythiclegions.com/images/mythic-post-bg.png'); }

body.page-id-63, div.post,

body.page-id-11, div.post {background: none; }

but I wouldn't worry about it.

All times are GMT -6. The time now is 09:29 PM.