Background and Title for Post Page

[asn360]

Hi, I wanted to know how to change the grey background of the main Post Page? I’m trying to change it to white and add up the aesthetics of this page. I know we can’t use cornerstone since it’s been designated the Post Page – so I wanted to know what options I had to change the CSS settings.

I’ve linked it here: https://www.ngorganize.com/ngorganize-corecentra-blog/

Thanks in advance!

[jade]

Hello Anish,

Please add this code in X > Theme Options > CSS:

.blog #x-site {
    background-color: #fff;
}

Hope this helps.

[asn360]

Thanks @jade! Is it possible to remove the author name? I found the p-meta class and can remove the pencil icon, but I can’t seem to find the class for the author.

Thanks!

[ruenel]

Hello Anish,

The author name in the post meta has no container class. It is only wrap with a <span> element with no class. Only the entire post meta is wrapped with p-meta class. You can create a custom CSS by utilizing the post meta container class, the span element and with the child selector to target the very first span. Therefore, the code might be like this:

.p-meta  span:nth-child(1){
    display: none;
}

Feel free to make adjustment as you need. To learn more about the child selector and the display property, kindly check this out:

• https://www.w3schools.com/cssref/sel_nth-child.asp
• https://www.w3schools.com/cssref/pr_class_display.asp

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.