Docs

[hwolfe]

On the Renew 01 demo home page there is an icon (with a film strip) right about the words “Creative Blog”. There is code for it in its style section, but of course I deleted it and now want to use it. ” / Can anyone post that code for me?

Thank you!!

[Joao]

Hi There,

Find the section Id of the section you want to apply it, For example Section 3 is #x-section-3

Add the following code to Cornerstone Settings Custom CSS

#x-section-3 {
background-image: url(http://demo.theme.co/renew-1/wp-content/uploads/sites/35/2013/06/cb-gray.png);
    background-color: #fff;
    padding-top: 260px;
    padding-bottom: 135px;
}

Hope that helps

Joao

[hwolfe]

Hmm, I don’t think that’s it. What I want is the way the icon seems to “cut out” a little half circle into the gray section below it. I thought I remembered that icon having a style that allowed it to do that.

[Joao]

Hi There,

Try using a negative margin on the style box of the icon.

margin-top: -50px;

or margin-bottom: -50px;

Hope it helps

Joao

[hwolfe]

Oh, that’s very cool! Now, last thing is to get a white circle around the icon…

http://www.eightfoldfarms.com/home-2/

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

#x-section-2 i.x-icon-pagelines {
    border-radius: 100em;
    margin-bottom: -50px;
    background-color: white;
    padding: 25px 50px;
}

Hope it helps, Cheers!

[hwolfe]

Awesome! Thanks, Friech!

[Joao]

Glad to hear we managed to help,

Have a great day,

Joao

[Author]

Posts