Trying to get a certain look for my "recent posts"

  • barbellfocus

    (@barbellfocus)


    10 years, 6 months ago

    I’ve been trying forever to achieve a certain look for my “recent posts” columns on http://www.strengthsociety.com. Is there a specific widget I can use or modify in order to have the posts be clearly separated into boxes and customize the colors? I’ve tried tinkering with the css of many widgets with no success.

    For an example: http://www.simplyshredded.com
    See how their posts are clearly defined into separate boxes with color gradients?

    Any tips?

    Really appreciate your time, thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Overflow

    (@acrane)

    10 years, 6 months ago

    Find this in your style.css

    .rpwe-block li {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
}

    And replace it with this:

    .rpwe-block li {
border: 1px solid #999;
margin-bottom: 10px;
padding: 10px;
background-color: #ccc;
}

    Thread Starter barbellfocus

    (@barbellfocus)

    10 years, 6 months ago

    Looks like it worked 🙂
    Much thanks.

    How would you go about using a non-solid color for the boxes? Like a gradient color.

    Overflow

    (@acrane)

    10 years, 6 months ago

    You could create a 1-5px vertical gradient in a image program and set that as a background image then set it to repeat-x. Then your code would look like this: 

    .rpwe-block li {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
padding-bottom: 10px;
background-image: url(images/my-gradient.png);
background-repeat:repeat-x;
background-position:bottom;
}
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Trying to get a certain look for my "recent posts"’ is closed to new replies.