Move all the inlines CSS rules into an external file…

  • Dear friends,

    I must admit, I am stumped and need to ask for help. I am designing our first Website and when I ran a check on it, I get the following message which needs to be fixed:

    Your webpage is using 22 inline CSS styles!
    Check your webpage HTML tags for inline CSS properties.
    An inline CSS property is added by using the style attribute for a specific tag. By mixing content with presentation you might lose some advantages of the style sheets. Is a good practice to move all the inlines CSS rules into an external file in order to make your page “lighter” in weight and decreasing the code to text ratio.
    Is a good practice to move all the inlines CSS rules into an external file in order to make your page “lighter” in weight and decreasing the code to text ratio.

    ? check the HTML code of your page and identify all style attribute
    ? for each style attribute found you must proper move all declarations in the external CSS file and remove the style attribute
    For example:

    <!–this HTML code with inline CSS rule:–>
    <p style=”color:red; font-size: 12px”>some text here</p>

    <!–would became:–>
    <p>some text here</p>

    <!–and the rule added into your CSS file:–>
    p{color:red; font-size: 12px}

    I have been reading for 3 days and trying different things, and I am ashamed to say, “I’m Beat.” None of it makes any sense to me, I suppose largely due to the fact that I am a greenhorn and have little knowledge of the technical aspects of Web design, coding, etc.

    Therefore, I must ask if there is a kind-hearted Good Samaritan out there who can give me step by step instructions on how to overcome this problem.

    Thank you so much in advance.

    [ Signature moderated ]

    https://www.ads-software.com/plugins/external-css/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Bill

    (@chubbycrow)

    I wouldn’t worry about a few inline styles. The message you referenced is just general info for fine tuning performance. I just quickly looked over your front page and didn’t see anything out of the ordinary, styles-wise.

    It’s quite common for a plugin (for example) to add them here and there when going about it’s business. Certainly the styles can be moved to an external file, but if they are being created by some third-party option as in the example, they’ll probably just come back. This is one way of offering the user a way to make quick and easy modifications.

    There are a few spots with minor html tag errors that you might want to mention to the theme developer. The ones I noticed were mismatched opening and closing <h3> and <h4> tags in widgets. He should be able to spot them easily.

    same questions as above but I’m running with 196 inline CSS styles! spot i think i need to fix that um please help me corefood.co

    @corefood: If you require assistance then, as per the Forum Welcome, please post your own topic instead of tagging onto someone else’s. This 10 month old topic references an older version of WordPress.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Move all the inlines CSS rules into an external file…’ is closed to new replies.