Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1475677

    Hi, how do i justify my content to the center when i am using a Horizontal gallery.
    I tried it with this css but it does not work

    .av-horizontal-gallery {
        display: flex;
        justify-content: center;
    }
    
    .av-horizontal-gallery .av-horizontal-gallery-inner {
        display: flex;
        justify-content: center;
        gap: 10px; 
    }
    • This topic was modified 2 days, 12 hours ago by MAlmhofer.
    #1475682

    Hey Michael,

    Could you post a link to where we can see the actual element please?

    Best regards,
    Rikard

    #1475684

    This is the page without any horizontal gallery CSS modifications

    • This reply was modified 2 days, 10 hours ago by MAlmhofer.
    #1475691

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.page-id-16 .av-horizontal-gallery-slider {
        display: flex;
        justify-content: center;
    } 

    Screen Shot 2025 01 23 at 5.04.08 PM

    Best regards,
    Mike

    #1475692

    Hello Mike,
    that does the trick thanks!

    Is there a reason why the horizontal gallery is not in the documentation?

    Is there a list I can reference for the alb classes?

    #1475775

    Hi,
    Glad that this helped, we don’t have a list of all ALB classes as it would be too extensive, but the best way to find classes is to review the element via the browser Dev Tools inspector.
    I have recommend adding more documentation for the horizontal gallery, this may take some time.
    Shall we close this thread?

    Best regards,
    Mike

    #1475783

    Hi Mike,
    thanks for the info!

    Yes this thread can be closed

    Best regards,
    Michael

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Justify content with horizontal Gallery Element’ is closed to new replies.