One page isn’t responding to body classes

Basic support is open to all members of Volatyl Themes but what about those who need a little more? That's what Volatyl Themes subscriptions are for. The Priority Support subscription gets you more detailed, personal support while the Advanced Development subscription not only includes Priority Support, but also grants you access to premium content only seen by subscribers. This premium content will help you take your Volatyl websites to the next level with advanced development techniques, integration tips, and more information on how to really put Volatyl to use. Check out the subscriptions!

The Affordable WordPress Framework Forums Basic Support Child Theme Development One page isn’t responding to body classes

This topic is: resolved

This topic contains 3 replies, has 2 voices, and was last updated by  sdavis2702 5 years, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3959

    Peninah Adler
    Participant
    Post count: 5

    I feel kinda stupid, but I’ve never had this problem before.
    I usually style individual page items using classes like the page id, or, in this case, I added through the Volatyl settings tab.

    This is working in general, but ONE PAGE won’t respond to it.
    This is the page, and I have a few styles–one is to hide the h1, and one is to change the column widths for this page only.

    Here’s some of my code (I tried with page ID, too):

    /*Change sidebar & content width for testimonials page only*/
    .testimonials .two-col #sidebars {
    	width: 310px;
    }
    
    .testimonials .two-col #content {
    	width: 690px;
    }
    

    What am I doing wrong?? aaaaaah!
    Thanks! 🙂

    #3962

    sdavis2702
    Keymaster
    Post count: 72

    Hi! So sorry about the delay.

    What it looks like to me is a small problem with your CSS selectors.

    If testimonials is a body class you’ve added and you’re using Volatyl’s two-col class in the selector along with it, you don’t want to have a space between those two class names in your CSS selector because two-col is not a child of testimonials. The class names should be joined together in your CSS selectors like so:

    /*Change sidebar & content width for testimonials page only*/
    .testimonials.two-col #sidebars {
            width: 310px;
    }
    
    .testimonials.two-col #content {
            width: 690px;
    }
    
    #3961

    Peninah Adler
    Participant
    Post count: 5

    Perfect, thanks! I am embarrassed because I didn’t do that properly. I just assumed “two-col” was a class lower down the totem pole, like in the content. I didn’t check for it.
    Thanks for the explanation!

    #3960

    sdavis2702
    Keymaster
    Post count: 72

    No problem at all. I overlook things like that about five times each day haha. Let me know if you have any other issues.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.