What CSS is ok to update in global CSS for Pro

[onlineevolution]

Hello Friends,

There are several CSS changes I would like to make to our Pro theme. Should I do all of the following in the global css area if unable to make the change within the theme options?

.x-comments-area {} - Changing margins
.x-container.offset {} - Changing margins
.entry-title {} - Change to main article title size
.entry-content {} Changing margins
.p {} Changing margins

Any CSS I should not edit in there?

Thanks!

[nabeel]

Hi Tom,

Thank you for reaching out to us. Yes you’re right, you can make changes in Global CSS (Theme Options > CSS) to make minor adjustments. Please note if you add any CSS rule in Global CSS, it will be applied site wide (globally). You can make use of Cornerstone’s CSS section to add your CSS rules which will only be applied to that specific page if you don’t want to apply the changes globally.

Hope this helps!

[onlineevolution]

Thank you Nabeel,

I will give Cornerstone a try. Does adding these CSS rules via Cornerstone cause any performance issues (even in the slightest) versus setting the CSS change globally?

Separately when editing in Global CSS, what would be the best way to add comments? Here is what I found when testing:
// Single line comment does not work
/* This CSS comment does work */

Thanks!

[rad]

Hi Tom,

There should be no performance issues, but it may decrease the payload size for other pages. Still, there should be no problem with performance.

And CSS comment should be /* */, the // comment is only applicable for javascript.

Thanks!

[onlineevolution]

Ok great, thank you Rad!

[lely]

You’re always welcome Tom!

Cheers.