Okay
  Public Ticket #3345179
Change Fancy Box Width
Closed

Comments

  •  1
    tonicanog started the conversation
    April 10, 2023 at 3:54pm

    Hi there,

    I would like to add some extra width to the fancy box items. I've been checking but looks like just height can be edited.

    Thanks.

  •  1
  •  8,839
    Tahir replied
    April 11, 2023 at 6:20am

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

    .nectar-flickity.nectar-carousel .flickity-slider .inner-wrap>:last-child {
    margin-bottom: 0;
    width: 103%;
}
        


    Thanks.

    ThemeNectar Support Team 

  •  1
    tonicanog replied
    April 11, 2023 at 7:52am

    Thank you Tahir. It worked!

    I've been trying and looks like mobile should have different width than desktop. How can I manage to introduce different % by CSS.

  •  1,877
    Judith replied
    April 11, 2023 at 4:46pm

    Hi there,

    Please try this css:

    @media only screen and (max-width: 690px){
.nectar-flickity:not(.masonry) .flickity-slider .cell {
        width: 86%;
    }
}

    Thanks.

  •  1
    tonicanog replied
    April 12, 2023 at 6:56am

    Thanks for everything! It worked!