Okay
  Public Ticket #3370718
Gallery's Nav arrows in portfolio not working w centered content
Closed

Comments

  •  16
    Josée started the conversation
    May 15, 2023 at 3:58pm

    Hi,

    I am using an image gallery in a portfolio and when I use Centered Content to have the gallery centered in my column, the nav arrows are disappearing on desktop and are in a bad position on tablet.

    Is there another way to center my content or is it a bug?

    Thanks

    Dev link:

    fizzy-plastic.localsite.io

    User : equipesg

    Pass: vendredi

    Centered content galley : https://fizzy-plastic.localsite.io/portfolio/residence-du-gouverneur-general-a-la-citadelle-de-quebec-2/

    Centered content disabled : https://fizzy-plastic.localsite.io/portfolio/complexe-g-edifice-marie-guyart/

  •  1,923
    Judith replied
    May 15, 2023 at 6:06pm

    Hi Josee,

    Thanks for writing to us.

    I am not able to view your site as shown below, please check it out:

    2358355612.png

    Thanks.

  •   Josée replied privately
  •  1,923
    Judith replied
    May 16, 2023 at 7:13am

    Hi Josee,

    Please send us the working links.

    Thanks.

  •   Josée replied privately
  •  1,923
    Judith replied
    May 16, 2023 at 8:00pm

    Hi Josee,

    It's difficult to work within this timelines as we are having high volume of tickets on the queue and so I request if you there is a way you can have the link up for up to 12 hours to help us look into this issue within that time and respond accurately.

    Thanks.

  •   Josée replied privately
  •  8,943
    Tahir replied
    May 17, 2023 at 1:44pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .wpb_column.centered-text .wpb_gallery_slides ul.flex-direction-nav {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

    Thanks

    ThemeNectar Support Team