Docs

[incacola_matt]

Hi how do i remove the horizontal thin grey lines on top of the blog page? (just under the header and which hold the title of the blog eg. TheBlog???
See image attached. Regards

[Joao]

Hi There,

Please add the following code at appereance Customizer Custom CSS

.x-header-landmark {

border: none;

}

If that does not work please provide us the URL of your page.

Thanks

Joao

[incacola_matt]

This reply has been marked as private.

[Rupok]

Hi there,

You don’t need to access Cornerstone as the code was suggested to add under Custom > CSS in the Customizer.

.x-header-landmark {

border: none;

}

Cheers!

[incacola_matt]

okay thanks. As an aside, is it not possible to edit a blog page via cornerstone?

[incacola_matt]

i added the css and that removed the lines. thanks. How now to style the blog header text to match that used as header text on my other pages? Thanks in advance.

[Joao]

Hi There,

If you would like to create a more customozable blog looking page using Cornerstone you can use the Last Posts Element.

You will be able to show up to 4 posts per Element but you can adjust the offset, so you can put it multimple times and adjust

Last post Show 4 Posts offset 1
Last post Show 4 Posts offset 5
Last post Show 4 Posts offset 9
…

And like that you will be able to build a header like your other pages and add whatever else content you feel like to your “blog page”.

Hope that helps,

Joao

[incacola_matt]

HI again. so without doing this there is no way of changing the way the TheBlog header text is displaying? I can;t change the font, alignment etc??? That’s Weird?

[Jade]

Hi there,

We could use CSS to change the blog title text appearance:

.blog .h-landmark {
    text-align: center;
    font-size: 50px;
}

You may also change and adjust the values in the CSS provided above.

Hope this helps.

[incacola_matt]

thats works. thanks
am i able to add a class style to the above css? so that the title matches the title on my other pages?

[Rue Nel]

Hello There,

Please have the previously given css updated and make use of this code instead:

.blog .h-landmark {
    text-align: center;
    font-size: 72px;
    letter-spacing: -0.018em;
    font-family: "Lato",sans-serif;
    font-style: normal;
    font-weight: 900;
}

http://prntscr.com/bhtn6q

Hope this helps.

[incacola_matt]

fantastic thanks.

[Rue Nel]

You are most welcome!

[Author]

Posts