Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Transparent Background on Pages, not Posts


  #1  
Old Sep 17, 2014, 04:54 PM
mlegions
 
3 posts · Sep 2014
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.
  #2  
Old Sep 17, 2014, 05:14 PM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If I understand what you want, try this in teh CSS Inserts
HTML Code:
body.home div.post {background: none; }
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Sep 17, 2014, 05:26 PM
mlegions
 
3 posts · Sep 2014
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.

Last edited by mlegions; Sep 17, 2014 at 06:10 PM.
  #4  
Old Sep 17, 2014, 05:46 PM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Sep 17, 2014, 06:10 PM
mlegions
 
3 posts · Sep 2014
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!
  #6  
Old Sep 17, 2014, 06:58 PM
juggledad's Avatar
juggledad
 
23,571 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
transparent background

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Transparent background PNG WITH background color? interage Header configuration & styling 2 Nov 16, 2009 01:59 PM


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


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.