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] CSS Selector toChange Body Background Image on all Single Posts in a certain


  #1  
Old Apr 25, 2014, 08:12 PM
New WordPress Fan
 
141 posts · Jul 2010
What CSS selector will work to change the body background image for all single posts in a certain category, using Wordpress 3.9 and Atahualpa 3.7.15?

The CSS solution provided in this thread: http://forum.bytesforall.com/showthread.php?t=20610

worked fine with Wordpress 3.5.2 and Atahualpa 3.7.12. Where the category name was "instructional videos," the following CSS code worked perfectly in those older versions of Wordpress & Atahualpa:

Code:
body.single.instructional-videos {
background-image: url("http://xxxx.jpg");
}
However, this does not work now with the newer versions of WP and Atahualpa referenced above.

After viewing the page source, I also tried:

Code:
body.single.category-instructional-videos {
background-image: url("http://xxxx.jpg");
}
But this also does not work.

"div.category-instructional videos" does work as a selector to change the background image of the post itself, but not the full body background.

Can't seem to find the correct CSS selector now to do what body.single.[category-name] did perfectly in the older versions of WP and Atahualpa referenced above.

Any help will be greatly appreciated!

Last edited by New WordPress Fan; Apr 25, 2014 at 08:16 PM.
  #2  
Old Apr 25, 2014, 10:18 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The way to figure that out is to use a tool like the Firebug addon for Firefox.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Apr 27, 2014, 12:44 PM
New WordPress Fan
 
141 posts · Jul 2010
Thank you, but I haven't yet learned to use Firebug. Will try to learn when I have a chance.

I was hoping that maybe someone may already have figured out what css selector will style the body background for all single posts in a certain category in Atahualpa 3.7.15 with Wordpress 3.9. I would think that this would not be site-specific; there should be a "generic" css selector for this that would work on all sites using these latest versions of Atahualpa and Wordpress. Yes?

The code I quoted above did work with the earlier versions of Atahualpa and WP mentioned above, but not now.

Would really appreciate help in this -- which may help others too!

Many thanks!
  #4  
Old Apr 27, 2014, 01:50 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What is the URL of your site? Point to a single post page

Did you add the code you found in that other post back into the functions.php?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Apr 27, 2014 at 03:25 PM.
  #5  
Old Apr 28, 2014, 01:08 PM
New WordPress Fan
 
141 posts · Jul 2010
Hi Juggledad, Thank you for your reply. I just sent you a PM with the URL.

I added in ATO > CSS Inserts (not in the functions php) the CSS code that you helped me find for this purpose before - in the prior discussion thread (in July of 2013). That CSS code (placed in CSS Inserts) worked before - in the older versions of WP and Atahualpa mentioned above - but no longer works with the current versions of WP and Atahualpa.

Many thanks for your help!
  #6  
Old Apr 28, 2014, 03:01 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The CSS won't work without the code added to function.php
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Apr 28, 2014, 04:38 PM
New WordPress Fan
 
141 posts · Jul 2010
What code should be added to functions.php and where?

(Sorry, but I am not a Pro and do not know PHP code, but I if someone gives me the exact code to insert and tells me exactly where, I can do that. )
  #8  
Old Apr 28, 2014, 04:48 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The code you found and put in the other thread (looks like someone didn't document his changes to the theme code too well)
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Apr 28, 2014, 05:15 PM
New WordPress Fan
 
141 posts · Jul 2010
Thank you very much, Juggledad! That worked!

Sorry, I was a little too quick, and forgot to read the part in our prior thread at: http://forum.bytesforall.com/showthread.php?t=20610 about adding the php code. When I added that same php code in the Theme Functions php where you said before, the CSS selector now works.

Mea Culpa! Next time, I'll read the prior threads more carefully before posting in the forum! Thanks for your patience!

And, thanks again for the GREAT Help!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] What CSS Selector to Style width of one single Post New WordPress Fan Forum How-To 2 Jul 10, 2013 10:52 PM
What CSS Selector for Category Name Added At Top of Each Category Page? New WordPress Fan Forum How-To 6 Dec 9, 2011 07:15 PM
sidebars in single posts one parent category only. ortixia Sidebars & Widgets 1 Mar 7, 2010 06:10 AM
[SOLVED] Different template for single posts by category or other means greggman Center area post/pages 4 Feb 24, 2010 11:34 PM


All times are GMT -6. The time now is 10:18 PM.


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