Pro Child CSS - not recognized

[Pbalazs89]

Hi there,

I’m trying to add a custom header / footer animation to my site, and I just realized that although I have my stuff formatted in cornerstone + have some custom css in style.css (pro-child), neither of them are visible in the inspector. I have the normal header added to style.css

the url is: staging.ethermedia.hu

/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

Still, no dice.

Any idea what I did wrong? Can’t see any errors.

I’ll add the login in private.

Thanks!

Also, happy new year to the team!

[friech]

Hi @Pbalazs89,

Thank you for writing in, please check all your child theme’s CSS here, and address found errors (if any).

Also, please try adding your Keyframe Animations CSS on top of all your custom CSS on a child theme’s style.css file.

If nothing works, please review your Keyframe Animations CSS.

Debugging CSS Keyframe Animations

Happy New Year,
Cheers!

[Pbalazs89]

Hi @friech,

Thanks for looking at it.

I tried commenting out my entire css + javascript in style.css.

Then I tried doing the same in cornerstone / theme options / header builder.

None of them fixed the issue. If I enter cornerstone the page appears fine. The issue only comes up outside of cornerstone. Any ideas?

[friech]

Hi @Pbalazs89,

Can you provide us the specific CSS code that is not working and a link to the documentation of it? We’ll see what we can.

Thanks,

[Pbalazs89]

Hi again,

Maybe I did not explain that well.
It’s not the style.css that is not recognized, but the settings in cornerstone.

This video will show the issue: https://youtu.be/SOrEQlDhOOQ
Viewing in browser - Does not look like it should
Viewing in cornerstone - Looks like it should

[nabeel]

Hey @Pbalazs89

Thank you for providing the video. This usually happens when there is an invalid html code with orphaned or a missing a closing tag on the page, I exported your homepage template and tested in on my local setup and the content in the page looks fine, the separator is rendering fine outside of Cornerstone in my local setup.

Seems like an issue with your header assigned to your homepage, I created a new page with the same template and it worked fine (see secure note for the page link) the only difference between these two pages is the header. Please check your header content thoroughly and look out for any invalid markup or a missing tag and close it to fix the issue…

The Cornerstone shows the content correctly due to it’s auto correct feature however the front-end breaks the layout due to invalid HTML markup.

Hope this helps!