CSS is not reflecting

Dev
1

Hi,

I have added a css which is not reflecting even though I’ve saved it. Can someone help me with this? Please go through the attached screenshot.

Thank you in advance!

Screenshot 2023-12-09 at 12.07.35 AM
Screenshot 2023-12-09 at 12.07.35 AM2210×1050 168 KB

2 Likes
2

Instead of putting this in the <head> tag section wrapped in a <style> tag, you should put it in the CSS tab like so:

Screenshot 2023-12-08 at 10.45.29
Screenshot 2023-12-08 at 10.45.291092×288 16.4 KB

Screenshot 2023-12-08 at 10.45.41
Screenshot 2023-12-08 at 10.45.411108×140 10 KB

5 Likes
3

  • Elaborating on this:

    Styles in the <head> tag section can apply, but they have lower priority. If you have styles in the <head> tag section and styles in the style section, the style section will take priority and override your changes, as the head tag is loaded earlier. Later is considered more !important.

  • Another thing to check for is:

    • If this is a theme, make sure the theme is checked as Enabled.

    • If this is a theme-component, make sure under the theme-component settings “Include component on these themes” has your active theme selected.

5 Likes
4

@tynaut Thank you so much for the help. It perfectly working.

2 Likes
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.