Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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,765 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,765 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,765 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



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 11:36 AM.


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