Post Outline/Background

Community Forums Forums Design Tips and Tricks Post Outline/Background

This topic is: not resolved

This topic contains 7 replies, has 2 voices, and was last updated by  QUESTIONM 1 year, 5 months ago.

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

    QUESTIONM
    Participant
    Post count: 9

    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
    Post count: 923

    Use this CSS:

    [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);
    }[/css]


    #22098

    QUESTIONM
    Participant
    Post count: 9

    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
    Post count: 9

    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
    Post count: 923

    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
    Post count: 9

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

    #22152

    Sridhar Katakam
    Participant
    Post count: 923

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

    [css]
    .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);
    }
    [/css]


    #22160

    QUESTIONM
    Participant
    Post count: 9

    That worked perfectly, thank you!

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

You must be logged in to reply to this topic.