Home>Support>Style blog posts on home page

Style blog posts on home page

Hi,

I’ve been trying to play around with CSS to style my blog posts on the home page, to create some sort of colored background, or a box around each blog post, so each blog post can be distinguished.

However, no luck so far. For example, I’d like to create something like how the blog posts on this blog look like (https://mikegingerich.com/blog/).

Any help would be greatly appreciate it.

Yosniel

URL: http://www.InsoyCareer.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 11 months ago Andrew Misplon Hi, I Work Here

    Hi Yosniel

    Here is something to get you started:

    #cp-box .cp-box ul li {
    background: #EEE;
    box-shadow: 10px 10px 5px #888888;
    margin-bottom: 32px;
    padding: 16px;
    }
    

    It needs some work. Here is the info on box-shadow: http://www.w3schools.com/cssref/css3_pr_box-shadow.asp

  2. 7 years, 11 months ago Yosniel Romero

    Exactly what I wanted, thank you Andrew, you always have the solution.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More