Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1010655

    Hi.
    How to create border around the easy slider ?

    I looked at this link: https://kriesi.at/support/topic/easy-slider-border/

    This css code create border.

    However , Border is too big comparing to the image size 300 x 300.

    Can you please recommend any css code to fit border to image size + align border and image in the center ?

    Please note that I have the varying image size. So this code is not sufficient for my website. I think when I have image size around 300 x 300. this code does not work.

    .avia-slideshow {
    border: 1px solid #333;
    }

    Kind regards

    #1010733

    Hey WebManager11,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1010769

    Hi.
    Please check this image for example. Hope you can understand better.

    https://cdn1.imggmi.com/uploads/2018/9/17/a53714065fa9088a11967eb88d3e3615-full.png

    #1010871

    Hi WebManager11,

    I need to see the image and the HTML that you have to offer you a solution, this image tells me nothing, sorry.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1010902
    This reply has been marked as private.
    #1010915

    Hi WebManager11,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .avia-slideshow li img {
      border: 1px #000 solid;
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1010921

    Thansk this worked.

    #1010950

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Easy Slider Border Creation + Center the Border and Image’ is closed to new replies.