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]

Elaborating on this: Styles in the tag section can apply, but they have lower priority. If you have styles in the 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.

Instead of putting this in the tag section wrapped in a 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.41]

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

CSS is not reflecting

Development

keegan (Keegan George) December 8, 2023, 6:46pm 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:

Topic		Replies	Views
How to insert something right after <head>? Development	3	1255	August 9, 2020
Custom header and css Development	5	613	March 23, 2023
Component bug with CSS Product Support	1	133	March 27, 2025
Tag CSS with !important flag Feature	4	1889	April 20, 2017
Custom JS script in theme component not loading Product Support	1	690	December 10, 2020

CSS is not reflecting

Related topics