Skip to main content
All CollectionsGeneral
What is inline CSS and how do I fix It in Site audit ?
What is inline CSS and how do I fix It in Site audit ?

Inline CSS, site audit.

Julia avatar
Written by Julia
Updated over 6 months ago

Inline CSS refers to the practice of including CSS (Cascading Style Sheets) styles directly within the HTML elements of a webpage, rather than in a separate external stylesheet. This means that instead of defining styles in a separate .css file, you write them directly within the HTML tags using the style attribute.

<p style="color: blue; font-size: 16px;">This is a paragraph with inline CSS.</p>

The issue with inline CSS is that the browser has to render the actual CSS file and the inline CSS information which could be transferred to the CSS file. It does not slow down your site significantly, but It's a good issue not to have.

In order to fix code related issue we would recommend to contact an expert Shopify theme developers, example: https://experts.shopify.com/

Did this answer your question?