Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • AHMED Friend
    #980956

    Hello, I have an issue in my website that it uses inline codes and that is bad for loading speed performance and also gives bad rank in SEO website analyzer.
    Could you find these codes lines and replace them with css classes ?

    You could use ProFiles component which is already installed to access root files. Thanks in advance. Regards.

    Saguaros Moderator
    #981213

    Hi Ahmed,

    Could you send me URL and screenshot highlighting that inline style? I will check it for you.

    AHMED Friend
    #981573

    Hello.
    The Site access information( Only author and moderator, admin can see this ) was provided with request.
    Regards.

    AHMED Friend
    #981865

    Hello,
    Could someone assist to solve this issue ?
    regards.

    AHMED Friend
    #981870

    Hello,
    I did a scan and got the error 16 line codes;

    Full list of elements with inline css style
    <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" style="margin:0px auto;background-color:#E9E9E9;padding:0px;margin-top:0px;margin-bottom:0px;max-height:550px;position:relative;z-index:0;">
    <div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;max-height:550px;height:550px;">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="0" class="active">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="1">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="2">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="3">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="4">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="5">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="6">
    <li data-target="#article-carousel139" style="width : 12.5%" data-slide-to="7">
    <p style="direction: rtl;">

    <span style="font-size: 12.1599998474121px; line-height: 1.3em;">
    <img style="font-size: 12.1599998474121px; line-height: 1.3em;" src="/images/quote-ltr.png" alt="الأعمال العاجلة" width="29" height="19" />
    <p dir="rtl" style="text-align: justify;">
    <p dir="rtl" style="text-align: center;">
    <div itemscope itemtype="http://data-vocabulary.org/Breadcrumb" style="display:inline-block;">

    Here is a tip to how to solve this issues.

    How to fix – Inline CSS Test
    It is a good practice to move all the inline CSS rules into an external file in order to make your page "lighter" in weight and decrease the code to text ratio.

    check the HTML code of your page and identify all style attributes
    for each style attribute found you must properly move all declarations in the external CSS file and remove the style attribute

    For example:

    <p style="color:red; font-size: 12px">some text here

    some text here

    p{color:red; font-size: 12px}

    Thanks in advance.
    Regards.

    AHMED Friend
    #981871

    Hoping the issue is so clear right now for you.
    regards.

    Saguaros Moderator
    #981908

    Hi Admed,

    Kindly check the extension again, I guess you’re using revolution slider – a 3rd party extension, not our extensions. This is also normal as slider’s provider often use JS to calculate the width/height and add that style for each item, it’s good for dynamic display, if don’t use this technique and add static style for it, you can’t achieve that.

    Anyway, you can try to contact its provider for further explanation on this.

    Regards

Viewing 7 posts - 1 through 7 (of 7 total)

This topic contains 6 replies, has 2 voices, and was last updated by  Saguaros 8 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum