Global CSS: Cornerstone vs. WordPress Customizer

[salilou]

Hi,
I put my custom CSS code to Cornerstone global CSS, instead of Wordpress Customizer additional CSS.
The site I am working at, does not take it in full, only partly.
It is a CSS snippet that controls the design of the links.
Some CSS orders are taken, like a:after, but not padding or border.
Hope you can help.
See link in secure note.
Thank you very much,
Hannes

[tristup]

Hi Hannes.

Thanks for reaching out.
I have checked the page and found the problem you described. It seems that the problem might be with the 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, I would suggest you troubleshoot the following common issue to help us recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN

If you discover that an issue is coming from a custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of the above helps, 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.

NOTE: I would also suggest you update the Pro to its latest version and check after clearing the cache, if that resolves your problem or not.

Thanks

[salilou]

Thank you.
No conflicts, as far as I could investigate.
I send you credentials in the secure note.
Thank you,
Hannes

[ruenel]

Hello Hannes,

Your custom CSS does not apply to the text link on the page. Using your browser’s Development Tool, you can check the live HTML code and find which CSS selector you need to use or what CSS code has been used to style the page instead.

Check out this video demonstration:

Dev Tools demo

Be advised that custom CSS is beyond the scope of our support under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[salilou]

Thank you.
I had already used the browsers inspector to find the right classes.
When I put the CSS code to the WP Customizer CSS then it works, so the classes must be right.
Only in the Cornerstone Global CSS it does not work partly.
This is very strange, because special parts work, and others do not, as described in my first message.
I hope you can reproduce this.
Best regards,
Hannes

[marc_a]

Hey Hannes,

The credentials are not working anymore but if your CSS code is not working with the Global CSS. I do believe that there’s a syntax error in your Global CSS that cause it not to work. I highly suggest that you use this tool to check if you have any syntax issue with your CSS.

• http://csslint.net/

Hope that helps.

[salilou]

The Code is errorfree.
See screenshot:
https://capture.dropbox.com/j0szOSVqxSGL1gd6
Sorry for the credentials - now they do work!

[ruenel]

Hey Hannes,

I guess it works already because this is what I a seeing now.

• see the secure note below.

Thanks.

[salilou]

This is strange, because here it partly doesn’t work at Macbook Safari, Firefox 6 Chrome, up to date.

Doesnt work:
Screenshot from Impressum (Chrome):
https://capture.dropbox.com/eGGfxRKUainuIkHQ

Does works:
But here it works:

Willkommen in der Stille

Screenshot Chrome:
https://capture.dropbox.com/991CVjGkzdhxu9J2

[ruenel]

Hello @salilou,

I would love to check your site. The previously given credentials no longer work for us. Can you please give us an updated User login?

Thanks.

[salilou]

Here are the correct credentials.
Sorry for the inconvenience.

[ruenel]

Hey @salilou,

Your code did not work because in your Component, you inserted this broken inline element CSS z-index: 999 !important;. This affected the whole CSS code on the page.

Please edit your component and remove the broken CSS code.

Best Regards.

[salilou]

Thank you for finding the cause!

For any searcher like me:

The inline element CSS has to be this way:

$el {
	z-index:999 !important;  
}

[ruenel]

You are most welcome, @Salilou.