Support » Plugin: Visual Portfolio, Posts & Image Gallery » Gap between images when resizing page

Gap between images when resizing page

  • Resolved juulkoopman

    (@juulkoopman)


    2 months, 3 weeks ago

    Hi!

    I inserted the portfolio on my homepage with the settings; 0px gap between images.
    Is it possible that when I resize the screen, the gap of 0px will remain? Now when I resize the screen, there is a big white gap between the images.

    And is it possible to show other images when visiting the site on mobile?

    Hope you can help. Thanks in advance!

    Juul

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author nK

    (@nko)

    2 months, 3 weeks ago

    Hi Juul.

    Could you recheck it with the new plugin update v2.8.0?

    juulkoopman

    (@juulkoopman)

    2 months, 3 weeks ago

    Thank you very much, that worked!

    Please, I have another question: Is it possible to add the categories at the top of the tiles (not in the tiles), like you see when using the grid layout? So I can switch between categories by clicking.

    Plugin Author nK

    (@nko)

    2 months, 2 weeks ago

    Hey.

    You need to add Filter in Layout settings https://visualportfolio.co/documentation/portfolio-blocks/layout/

    juulkoopman

    (@juulkoopman)

    2 months, 2 weeks ago

    Hi! Thank you!

    Last thing I need to change is the color. Everything is now Visual Portfolio blue. What’s the custom CSS that I can use for this?

    Oh and is it possible to show less items when visiting on mobile?

    Thanks again NK!!

    Plugin Author nK

    (@nko)

    2 months, 2 weeks ago

    Hey.

    If you mean blue color on links and other elements within the Visual Portfolio block, you can change it using CSS variables – https://visualportfolio.co/documentation/developers/css-variables/

    Unfortunately, the items count can’t be changed depending on the visitor device, moreover, I don’t think it will be possible in future updates.

    Regards, nK.

    juulkoopman

    (@juulkoopman)

    2 months, 2 weeks ago

    Hi!

    Thank you. And I add those variables to ‘Custom CSS’ within the plugin or to my css stylesheet?
    Because adding it to ‘Custom CSS’ in the plugin doesn’t seem to work.

    Plugin Author nK

    (@nko)

    2 months, 1 week ago

    Hi.

    Can you show me your custom CSS? Where you put it on your site?

    p.s. you can put it anywhere, depending on your needs. Globally – if you need to add this custom CSS to all of your galleries. In the block settings – when you need to add custom CSS on the selected block only.

    juulkoopman

    (@juulkoopman)

    2 months, 1 week ago

    Hi!

    This is the custom CSS:

    :root {
    –vp-color-brand: #54c3ed;
    }

    I added it at the custom CSS tab when editing a saved layout.
    Is it btw also possible to change the fonts that are used in the plugin? For example, change them to the fonts that are used throughout the website?

    • This reply was modified 2 months, 1 week ago by juulkoopman.
    Plugin Author nK

    (@nko)

    2 months ago

    Hey.

    Try to use body tag to override variables:

    body {
    --vp-color-brand: #54c3ed;
}

    We don’t use custom fonts in our plugin. Always uses theme defaults.

    Regards, nK.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.

Views