Not equal width of columns

  • Resolved black40

    (@black40)


    10 years ago

    Hi,

    first I would like to thank you for beautiful plugin which I have used in all my websites.

    But now I have a problem. I have installed the plugin and set the parameters as usual (4 columns for resolution of more than 1280px of width, 3 columns for 1280-1024 px and 2 columns less than 1024 px), in each cell is a text widget (all the widgets have preset width, height and appearence in CSS). But on sites with 3 columns (in resolution 1024 – 1280 px of width) there are non-equal widths of each columns (see: https://www.pernstejn-reality.cz/7.1). In the second row in the second column is the widget shifted a bit left, in the 3rd row are the widgets again in normal position. I cannot find the reason of this problem ?? In 4- or 2-column appearence this problem does not exist :-/

    And I have also problems with SEO validisation. The validisator finds 9 fauls in part of code for plugin. E.g.responsive_Column_Widgets_1.2.0' scoped>.responsive_column_widgets_box .widget - Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)

    Thank you for your help.

    Mira, Czech Republic

    https://www.ads-software.com/plugins/responsive-column-widgets/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author miunosoft

    (@miunosoft)

    Hi,

    Could you post the options set to the Widget Box Parameter Values section for me?

    To replicate the problem on my end, I need the option values of:

    – Numbers of Columns
    – Max Number of Widgets
    – Max Number of Rows
    – Omitting Widgets
    – Show-only Widgets
    – Column Spans
    – CSS Rule

    Thread Starter black40

    (@black40)

    Hi,

    – Numbers of Columns: 4 | 1380: 3 | 1024: 2
    – Max Number of Widgets: 11
    – Max Number of Rows: 6
    – Omitting Widgets: – (empty)
    – Show-only Widgets: – (empty)
    – Column Spans: – (empty)
    – CSS Rule: – (empty) I need CSS rules coded in CSS of the template:
    `.art-button2
    {
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #FFFFFF;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    border:2px solid #41A9D5;
    padding: 5px 10px 0px 0px;
    margin: 0px auto;
    width: 220px;
    height: 80px;
    }

    .art-button2.active, .art-button2.active:hover
    {
    background: #41A9D5;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    border:2px solid #79808B;
    padding: 5px 10px 0px 0px;
    margin: 0px auto;
    width: 220px;
    height: 80px
    }
    .art-button2.active, .art-button2.active:hover {
    color: #0F1724 !important;
    }

    .art-button2.hover, .art-button2:hover
    {
    background: #41A9D5;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.15);
    border:2px solid #41A9D5;
    padding: 5px 10px 0px 0px;
    margin: 0px auto;
    width: 220px;
    height: 80px;
    }

    .art-button2.hover, .art-button2:hover {
    color: #FBFCFE !important;
    }

    .art-postcontent .art-button2 div div a {
    color: #41A9D5;
    }

    .art-postcontent .art-button2:active div div a:visited {
    color: #FFFFFF;
    }

    .art-postcontent .art-button2:hover div div a:visited {
    color: #FFFFFF;
    }

    .art-postcontent .art-button2:active div div a {
    color: #FFFFFF;
    }

    .art-postcontent .art-button2:hover div div a {
    color: #FFFFFF;
    }

    .art-postcontent .art-button2 div div a:visited {
    color: #41A9D5;
    }

    .art-postcontent .art-button2 div div a:hover {
    color: #FFFFFF;
    }

    .art-postcontent .art-button2 div div a:active {
    color: #FFFFFF;
    }

    .art-button2widget {
    width:220px;
    height:80px
    }`

    Plugin Author miunosoft

    (@miunosoft)

    I’ve uploaded v1.2.1.

    Try it to see if the problem still occurs.

    Regarding the SEO problem, post a new topic about it. I can suggest something.

    Thread Starter black40

    (@black40)

    Thank you very much. Now it works correct!

    Great work and beautiful plugin

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Not equal width of columns’ is closed to new replies.