Shortcodes Ultimate
columns ratio is incorrect! (3 posts)

  1. provuslab
    Posted 2 years ago #

    I tried to make columns 1/3, but it looks like 1/2 and 1/2. and 1/3.
    so I look into sourcecode using inspector, and CSS.

    .su-row .su-column { margin: 0 0 1em 4%; }
    .su-column-size-1-3 { width: 30.66%; }

    30.66% x 3 = 91.98%
    but its margin is 4%, it actually 103.98%.

    my theme's max-width is 978px, and 1/3column's width 300px. and its margin 48px.
    it is 978px * 4% + 1em=48px.

    because 1 column is 300+48=348, it overflow my theme's max-width. (1044>978)

    I tried to modify box-shortcodes.css file, but couldn't because permission.
    I want to update by you. Please!


  2. cjc1867
    Posted 2 years ago #

    Playing with the css, I've managed to get 2 columns to work. One 2/3 and the other 1/3.

    I've changed the widths to 60% & 30% and changed the margin from 4% to 3% and it works.

    But Why? The css in version 4.3.2 is very similar to 4.4.6 and yet it works....


  3. Vladimir Anokhin
    Plugin Author

    Posted 2 years ago #

    @provuslab what about this css-code from columns stylesheet .su-row .su-column:first-child { margin-left: 0 } ?

    Hi Colin,

    I think there is no need to change css-code after each update. Can you show me the page with broken columns (with default css) instead, so I can fix it for one last time?

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Shortcodes Ultimate
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic


No tags yet.