[Resolved] equal horizontal and vertical column gutter

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support equal horizontal and vertical column gutter

This topic contains 10 replies, has 2 voices, and was last updated by  Tom 2 months ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #9848

    Eva
    Participant

    Hi!
    I am using WPSP Pro, but somehow I can’t get the horizontal and vertical columns gutter equal. Is there a way to achieve this? I have tried many options (bigger, smaller, px, em…) but nothing seems to work. Moreover, the gutters seems to change with the screen size. I have posted a screenshot here: https://prnt.sc/o0zt63, gutter size 2px, padding 2 px.

    Hope you can help me out.
    Thank you!
    Eva

    #9858

    Tom
    Keymaster

    Hi there,

    As a guess, this is happening because masonry is calculating the distance between items. Sometimes, those calculations aren’t perfect depending on the container size. Any chance you can link us to the site?

    #9865

    Eva
    Participant

    Grateful if you can take a look. I have send it before… never ending project 🙂 Here it is: https://test.alfabetprodukties.nl/
    Thank you!

    #9868

    Tom
    Keymaster

    Yea, I think this is due to the container width, the math just isn’t able to result in perfect spacing. If you adjust the size of the container by a couple pixels (either way), you might find the sweet spot.

    #9870

    Eva
    Participant

    I have tried various container widths, and finally changed it quite a bit to 1080 px, with gutter size 2px and padding 1px. It seems to look quite OK now… How does it look to you?
    BTW are there any other settings that might influence the gutters?

    Thanks again for the help.

    #9896

    Eva
    Participant

    I just realized I am using “full-width” for the homepage. I changed it now to 2000 px, and everything stayed quite the same… I think it’s just something we need to accept? 🙂
    Just one more question… Is there any way I can add a background to the title that appears on mouse-over, and change the title font size? Or should I make a new topic?
    Thanks again!

    #9899

    Tom
    Keymaster

    Hmm, the gaps definitely shouldn’t be that noticeable. Did it make a difference when you had control over the width?

    As for the text, you can do this to add a background color:

    #wpsp-3458 .wp-show-posts-image:hover + .wp-show-posts-entry-header {
        background: #fff;
    }

    The font size can be adjusted inside the settings using the title font size option.

    #9903

    Eva
    Participant

    Hi,
    I changed the gutter size to 0.1em and the padding to 0.15em, and that seems to work better, at least on my 15″ laptop screen… I used the max size for the container, it doesn’t seem to change when I change the container size.
    The hover and font size are working fine now! Thanks.
    By the way, I like the card options of the 1.0 version. When will be the official release, or do you think I can use it already?

    Thanks,
    Eva

    #9920

    Tom
    Keymaster

    You can definitely use it already. We have a couple small things to fix and will be releasing the stable version ASAP.

    #9934

    Eva
    Participant

    OK, thank you Tom. This plugin, the Generatepress theme, and your service are the best!

    #9947

    Tom
    Keymaster

    Thank you! 🙂

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

You must be logged in to reply to this topic.