[Resolved] Container vertical scrolling

Home Forums Support [Resolved] Container vertical scrolling

Home Forums Support Container vertical scrolling

  • This topic has 14 replies, 3 voices, and was last updated 1 month ago by Ying.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #2269851
    iamarghya

    See, on this page, there are 3 sections latest job, answer key and etc, can we just add a vertical scroll to them? I mean now there are 7 posts showing If I want to show 4 posts first then after scrolling other 2-3 posts will be reveal is this possible?

    #2269857
    Fernando
    Customer Support

    Hi Iamarghya,

    It’s possible. Here’s a CSS you may try adding in Appearance > Customize > Additional CSS:

    .gb-container.cards > .gb-inside-container > .gb-grid-wrapper {
        height: 230px;
        overflow-y: scroll;
    }

    Kindly modify 230px to your preference.

    Hope this helps!

    #2269861
    iamarghya

    Oh nice, I did it now can’t it be like infinite scrolling I mean without the scroll bar it kinda looks odd.

    #2269865
    Fernando
    Customer Support

    For now, you would need custom JS for that.

    It’s a feature planned for GenerateBlocks Pro.

    Hope this clarifies!

    #2269867
    iamarghya

    Uhu generateblock pro ok I will keep that on my bucket list but will be using this js will decrease my load speed? and another question does using more query loops on one-page decrease the page performance?

    #2269874
    iamarghya

    I did try to hide the scroll-bar by using its color to transparent but the problem is it also does the same with the built-in browser scroll-bar so is I did something to select those particular scrollbars can u check once for me if that is correct?

    #2269889
    Fernando
    Customer Support

    Technically, any content you add to a page/post increases the size of the page, affecting the time it loads.

    If your query doesn’t load too many posts, then it would be fine.

    Moreover, every query is a new request to the server, so, having too many queries would slow down a site as well.

    This is all dependent though on the speed of your server. The faster your server is, the more content/queries you can have without it affecting your site’s performance.

    With regards to the scrollbar, here’s a CSS you may try:

    .gb-container.cards > .gb-inside-container > .gb-grid-wrapper::-webkit-scrollbar {
      width: 12px;               /* width of the entire scrollbar */
    }
    
    .gb-container.cards > .gb-inside-container > .gb-grid-wrapper::-webkit-scrollbar-track {
        background-color: orange;
    }
    
    .gb-container.cards > .gb-inside-container > .gb-grid-wrapper::-webkit-scrollbar-thumb {
      background-color: blue;    /* color of the scroll thumb */
      border-radius: 20px;       /* roundness of the scroll thumb */
      border: 3px solid orange;  /* creates padding around scroll thumb */
    }

    Kindly replace the values to your preference.

    Hope this helps!

    #2269893
    iamarghya

    Ok Got it fully understood.❤ Thanks for the help…

    #2269895
    Fernando
    Customer Support

    You’re welcome! 🙂

    #2277166
    iamarghya

    Hey got an extra question u told me how to make vertical scrolling but can I make those scrolling automatics I mean that posts will vertically scroll automatically with a time gap.

    #2277375
    Ying
    Staff
    Customer Support

    Hi there,

    That will require some custom JavaScript.

    #2277378
    iamarghya

    Oh, so can u guys provide it or that is out of scope?

    #2277410
    Ying
    Staff
    Customer Support

    That’s out of scope, unfortunately 🙁
    Please refer to this article for what’s included in GP premium support: https://generatepress.com/what-support-includes/

    #2277428
    iamarghya

    OK OK, no problem…

    #2277493
    Ying
    Staff
    Customer Support

    Thanks for your understanding 🙂

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