Header+Footer not showing correctly on blog post

[mercesgirl]

I recently added a blog to my site using a single layout for the posts. In the builder, the header and footer look the same across the site. However, on the actual page, they look broken. Can someone help with this?

https://kar-designs.com/about - how it should look
https://kar-designs.com/why-your-website-should-beabout-your-viewer-not-you - how it looks

[tristup]

Hi Kimbra,

Thanks for reaching out.
It might be an issue with cache, I would suggest you check once by clearing all types of cache including the System Cache from Cornerstone > Settings > System > Clear System Cache and check in the incognito/private mode of the browser.

If that does not help, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[mercesgirl]

I have tried clearing the cache and still having the same issue.

[prakash_s]

Hello Kimbra,

Thanks for sharing the login details it seems that Header was rendering fine but there was an issue with the CSS syntax, you have not added the closing curly bracket on the element CSS.

Please check your site now.

Thanks

[mercesgirl]

Thank you, It seems to be working now. The issue I have now is the line under the headline should be the color #04328C. I edited the CSS but it is not showing the change even after clearing the cache.

[ruenel]

Hello @mercesgirl,

The correct way of adding a custom inline CSS should be:

$el {
    /* your styling here */
} 

And the best way to style an element like adding a border is to use the Border options in the element settings just like this:

Hope this helps.

[mercesgirl]

I tried doing it under borders and it put a border around the orang line for some strange reason. That is why i was trying to change it in CSS.

[prakash_s]

Hello Kimbra,

Sorry for the confusion, I went ahead and checked your layout settings it seems that you have added the line element which is adding the Line under the Headline element. I would suggest you go to the Line element —>Color.

Hope it helps
Thanks

[mercesgirl]

Thank you so much! That fixed it.

[prakash_s]

You are most welcome, Kimbra