twenty twelve theme - customizing css for home widgets only (3 posts)

  1. carlabaldwin
    Posted 3 years ago #

    I have a twenty twelve child theme with 3 home widgets on static home page. To have the 3 home widget boxes align nicely, I have the min-height set to 250 in my css file.
    '.widget-wrapper {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: #e7d6ac;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    box-shadow: 5px 5px 7px #555555;
    margin: 0 0 20px;
    padding: 20px;
    Now all the side bar widgets are also min-height 250px. Is there a way to specify height for the home widgets only?
    The site: http://www.thedukeabides.com/2013
    thanks in advance!

  2. paulwpxp
    Font hero
    Posted 3 years ago #

    That is not TwentyTwelve theme or a child theme of it. That's a child theme of Responsive theme. But anyway WP standard body_class() could be used to target certain element within specific page.

    Not sure if Responsive Theme uses body_class() in the <body> but I think it does.


    .home.page .widget-wrapper { background: red; }

    The above will only affect widget in front home page.

  3. carlabaldwin
    Posted 3 years ago #

    Yes, you're right - it is Responsive - sorry ...thinking of another site. I will look into the body_class.

Topic Closed

This topic has been closed to new replies.

About this Topic