Columns Item Width px Rounding

  • Resolved GeorgiaLou

    (@georgialou)


    5 years, 6 months ago

    Hello!

    I am working on adding a widget to a full-width widget area in the footer of a site (local dev). I am using 8 images in a row with 0 image spacing.

    I noticed that the inline width (and) height seems to round to the nearest integer. This results in the widget not quite being full width and there’s a sliver of white space on the right side of the widget

    For example, on my tests, the items round to 204px wide. For the entire widget to be full-width, they should each be 204.617px wide.

    Is there any way to make it so the height and width aren’t rounded to the nearest integer?

    I can use a single column layout and then force a full-width layout using flex-box but I’d really love it if the plugin just didn’t round the height and width.

    Thanks!

    • This topic was modified 5 years, 6 months ago by GeorgiaLou.
Viewing 1 replies (of 1 total)
  • Plugin Author Pavel Ciorici

    (@ciorici)

    @georgialou Hi,

    I’m not sure if it’s possible to find a solution that will let you have an exact number of images shown in a single line, especially across different devices and screen resolution.

    However, you can try the trick we’re using in some of our themes. As an example, look in the footer area of the Cookely theme:
    https://demo.wpzoom.com/cookely/

    We have there a full-width section with Instagram images, and we simply configured it to show a big number of images (15+) and also added the following CSS code in the theme:

    .zoom-instagram-widget .zoom-instagram-widget__items {
    width: 5000px;
    overflow: hidden;
}

    Basically this gives a very wide size to the widget and also hides the items that can’t fit the screen size.

    You can try the same CSS code in the Customizer> Additional CSS, and maybe it will work.

    Otherwise, send us a link to your website to see the problem live.

Viewing 1 replies (of 1 total)
  • The topic ‘Columns Item Width px Rounding’ is closed to new replies.