Post Outline/Background

Community Forums Forums Design Tips and Tricks Post Outline/Background

This topic is: resolved

This topic contains 10 replies, has 2 voices, and was last updated by  QUESTIONM 3 months, 3 weeks ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #21907

    QUESTIONM
    Participant

    Hey guys my site is http://fullcirclecontact.com

    I was wondering if anybody knew of a way to change the background of just the posts/post excerpts. I’m using the minimum theme and I’ve set it to a grey background but was just hoping there’s a way to give the individual posts and excerpts a white box to go in.

    Here’s an example.

    http://tinypic.com/r/m7c61d/6

    So let’s just say I wanted to keep the background white like on Brians but inside that red box make it, green, whatever, is that possible?

    This is what I mean by excerpts to

    http://tinypic.com/r/34o32oh/6

    Bonus points if anyone can tell me how to add shading around those boxes too! :)

    Regards, Luke

    #21911

    Sridhar Katakam
    Participant

    Use this CSS:

    .genesis-grid-even, .genesis-grid-odd {
        background: #FFFFFF;
        padding: 1em;
        width: 42%;
        -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    }

    #22098

    QUESTIONM
    Participant

    Thanks man, that was quick!

    That definitely did the trick for the post excerpts but the individual posts themselves are still not..”backgrounded”

    is there another css for that?

    #22135

    QUESTIONM
    Participant

    Aha! I’m slowly getting the hang of this stuff :)

    I figured out that the code you gave me worked on the homepage because that’s what had a “grid”

    I tried simply swapping out the word grid for post like so

    .genesis-post-even, .genesis-post-odd {
    background: #FFFFFF;
    padding: 1em;
    width: 42%;
    -webkit-box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
    -moz-box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
    box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
    }
    img.alignleft {
    display: block;
    margin-left: auto;
    margin-right: auto }

    but that didn’t work :( does anyone know if I’m getting close though?

    #22137

    Sridhar Katakam
    Participant

    Are we talking about setting background and box shadow of individual posts in archive pages like http://fullcirclecontact.com/blog/ or single post pages like http://fullcirclecontact.com/random-stuff-different-things-ranked/?


    #22146

    QUESTIONM
    Participant

    both if possible. Anything that is content basically posts, excerpts etc etc

    #22152

    Sridhar Katakam
    Participant

    Delete the CSS code that you have added, shown in post # 4 of this topic and add the following:

    .hentry {
        background: #FFFFFF;
        padding: 1em;
        -webkit-box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
        -moz-box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
        box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
    }
    

    #22160

    QUESTIONM
    Participant

    That worked perfectly, thank you!

    #133669

    QUESTIONM
    Participant

    Well this is awkward, two years later and I’m attempting to create the same effect in Minimum Pro instead of just “Minimum” but this:

    .hentry {
    background: #FFFFFF;
    padding: 1em;
    -webkit-box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
    -moz-box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
    box-shadow: -3px 3px 5px rgba(50, 50, 50, 0.8);
    }

    doesn’t seem to be working anymore on this site: amc-pawn.com

    Is there a new way?

    #133674

    Sridhar Katakam
    Participant

    Use “.entry” instead of “.hentry”


    #133956

    QUESTIONM
    Participant

    Thanks again!

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

You must be logged in to reply to this topic.