Okay
  Public Ticket #3453112
Rounded Corner on Carousel
Closed

Comments

  •  1
    Design-Agency started the conversation
    September 6, 2023 at 9:26pm

    I'd like to make a small gallery with the nectar Carousel. This needs 20px of rounded edges but i wasn't able to set it up. Neither CSS helped. Any ideas how to get that done? 

    Thanks in advance.

    Attached files:  Bildschirmfoto 2023-09-06 um 23.24.13.png

  •  2,967
    Andrew replied
    September 7, 2023 at 5:12am

    Hello there,

    Thank you for reaching out to us.

    Could you please share your site URL so we can check this out for you?

    Thanks,

  •   Design-Agency replied privately
  •  279
    Noah replied
    September 7, 2023 at 2:45pm

    Hi there,

    Can you try the following CSS to add rounded corners to that carousel:

    .full-width-content .vc_col-sm-12 .nectar-flickity.nectar-simple-slider .flickity-viewport{
    border-radius:50px;
}

    add it to salient \ general settings - css script related - custom css code.

    Cheers.

  •  8,860
    Tahir replied
    September 7, 2023 at 2:47pm

    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):

    .full-width-content .vc_col-sm-12 .nectar-flickity.nectar-simple-slider .flickity-viewport {
    border-radius: 20px;
}

    Thanks

    ThemeNectar Support Team