WordPress.org

Ready to get started?Download WordPress

Forums

Responsive Column Widgets
[resolved] Too much of inline styles (6 posts)

  1. black40
    Member
    Posted 7 months ago #

    Hi,

    I would need your help. There is too much inline style code when making SEO test and it's a fault. This code is associated with this plugin.
    Is there any way to transform it to e.g. css-file or how to make it shorten or remove it from the code?

    Link: http://www.pernstejn-reality.cz/2

    It begins at the row 95 in the code.

    Thank you very much

    Mira

    http://wordpress.org/plugins/responsive-column-widgets/

  2. miunosoft
    Member
    Plugin Author

    Posted 7 months ago #

    Hi,

    I don't fully understand your problem.

    To shorten the plugin's stylesheet, you can check the option Minify CSS Code in the General Options tab.

    Hope it helps.

  3. black40
    Member
    Posted 7 months ago #

    Thank you for your response.

    The problem is that the plugin inserts inline <style> code to the page (see the code of the page, it begins at the row 133). Then I have problems with SEO analysis due to huge amount of inline CSS code that should be inserted to separate CSS file(s).

    <style type='text/css' class='style_responsive_column_widgets_65552fa185094c92440213b509994cf4'>@media only screen and (max-width: 600px) {
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_1 { width:100%; clear: left; margin: 1% 0 1% 0; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_2 { width:49.2%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_3 { width:32.2%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_4 { width:23.8%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_5 { width:18.72%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_6 { width:15.33%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_7 { width:12.91%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_8 { width:11.1%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_9 { width:9.68%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_10 { width:8.56%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_11 { width:7.63%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_of_12 { width:6.86%; display: block; float:left; }
     .responsive_column_widgets .responsive_column_widgets_column_600_element_2_of_2 { width: 98.4%; }

    etc.

    But if I check "Minify CSS Code" in general settings, the real amount (size in kB) of the code is the same as unchecked. The <style>code is only without blank spaces (without format).

    Is there any easy way to hide (or insert) these ca. 200 rows of inline style code into separate CSS file?

    Thank you very much and I apologize for complicated explanation :-) but I don't know how to describe it better :-)

  4. miunosoft
    Member
    Plugin Author

    Posted 7 months ago #

    I see what you mean now.

    If you say inline styles, it usually refers to the style attribute inside tags. ( http://webdesign.about.com/od/css/qt/aatypesofcss.htm ) You are talking about embedded styles in the head tag.

    The plugin generates CSS rules dynamically based on the used parameters. That is why embedded styles are used. I may consider adding an option to use external style sheet even for the dynamic rules but the response time will be slow.

    To work around your problem, in the General Options tab of the setting page, there is an option named Timing to Load. You may try changing it to When the first widget box is loaded. so that the embedded styles won't be loaded in the head tag.

  5. black40
    Member
    Posted 7 months ago #

    Thank you very much.

    It works! The problem has been solved :-)

  6. miunosoft
    Member
    Plugin Author

    Posted 7 months ago #

    Glad to hear that!

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.