what does this msg mean? Re: CSS

  • 1
  • Question
  • Updated 4 years ago
  • Answered
I don't really even know what CSS is but on my Site CSS page I have this msg:

Alert: Custom CSS is currently disabled.
All your CSS is being saved, but it is not being applied to your site.

Custom CSS is automatically disabled when you change styles.

So the disabled option is ticked.

Question is, is it supposed to be? What happens to my site if its enabled?

Thanks.
Photo of john

john

  • 16 Posts
  • 0 Reply Likes

Posted 4 years ago

  • 1
Photo of Crystal

Crystal, Champion

  • 250 Posts
  • 79 Reply Likes
Hello John,

CSS stands for Cascading Style Sheets.

Each template comes with it's own style - certain font types and sizes, certain background colors etc. If you want to use the template as it is, leave the Custom CSS disabled (leave the box checked).

If you want to alter the template style beyond what can be done within the normal Yola website building tools, then that can be done by enabling custom CSS and then by making changes to the code or adding new CSS code. Anything you put in the custom CSS code window, will override the template's settings for that particular style selector/property.

Here are a few tutorial links for additional information on CSS:

https://www.yola.com/tutorials/articl...

https://www.yola.com/tutorials/catego...

Thanks,
Crystal
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello John

Adding on Crystal: Every Style Template comes with different CSS. So if you change your Style, the CSS you may have added for your previous Style are automatically disabled to avoid unwanted effects.

If you want to check what effects your existing CSS edits have on your new Style, you can untick the checkbox below and check the result in the "Preview" tab of your CSS Editor. If you don't see what you expect, then you can always disable the CSS again and save.

In order to make CSS edits to your new Style, you will need to review the original CSS ("Site CSS" tab in the CSS Editor) and make your edits accordingly. It may then make sense to remove the whole previous CSS edits and start with your new edits from scratch.