Tagged: 

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #219319

    Hi,

    how can i add a boarder to images which i embedded with the “Image” Tab – in the Avia Layout Builder?

    Thanks!

    #219386

    Hi simonac!

    You can add this on Quick CSS:

    .avia-image-container img {
    border: 1px solid gray;
    padding: 5px;
    }

    Regards,
    Ismael

    #219398

    Perfekt!

    How can i make a custom color?

    Thanks Ismael!

    #219444

    Hey!

    What do you mean by “custom color”?

    Cheers!
    Ismael

    #219451

    Let’s say i want a boarder in a special green: #719430

    #219700

    Hey!

    You can replace “gray” in Ismael’s code with #719430 or any other color you would like

    Regards,
    Yigit

    #225962

    Hello,
    We would like to add an image border and drop shadow to the images here http://visiteldorado.wpengine.com/about/ (hosted on WPengine) (and similar images throughout the site). We tried the code above to no affect. Can you offer any additional suggestions?
    Thanks!
    J

    #226255

    Hi!

    “Coming Soon: A new website for
    El Dorado County Visitors”
    Please post a temporary login and point out the images so we can provide you custom CSS code accordingly

    Best regards,
    Yigit

    #226275

    Apologies. The site is now viewable. You can see an example of the images we want to add borders and drop shadows to here http://visiteldorado.wpengine.com/about/ (hosted on WPengine)

    Ideally we can apply the same styling to all site images input using the advanced editor image element.

    Thanks for the help
    J

    #226282

    Hey!

    Please add following code to Quick CSS as well

    .avia_image.avia-align-center img { 
    border: solid 2px red;
    box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);
    }

    Regards,
    Yigit

    #226339

    I’ve added the code and still see the same condition (no border, no drop shadow). Thoughts?

    J

    #226425

    Hey!

    Please flush browser cache and refresh your page a few times. It does work on my end. See screenshot here http://i.imgur.com/UH7hU8W.jpg

    Cheers!
    Yigit

    #226498

    Hi Yigit,

    Thanks for your support. I’ve flushed browser cache and viewed the site using Chrome, Explorer and Safari – none of which are displaying the styling you’re seeing. Any idea what could be the issue? Your screen shot shows just what we’re hoping to achieve.

    Best
    J

    #226588

    Hi J!

    I do see it too, have you tried seeing from another computer?

    Cheers!
    Josue

    #227600

    Hello.

    I’m sorry but I’ve viewed the site from multiple computers and devices and am still not seeing the styling in your screenshots. Wondering what if anything additional we could do? On the homepage, we are displaying recent blog posts. http://visiteldorado.wpengine.com/ (hosted on WPengine) We would also like the blog thumbnail to have the same styling we’ve applied to the images. Could you help us with the css to make that happen? Maybe focusing on this other area can help shed some light on the first one.

    Thanks
    J

    #227603

    Hi!

    I am still seeing the changes ( http://i.imgur.com/wJIzZzo.jpg ) and Josue confirmed that he is seeing as well. In this case there is nothing else we can do as code is being applied just fine and issue could be related with your browser, if you have flushed cache properly.
    Please add following code to Quick CSS as well

    .avia-content-slider .slide-image { border: solid 2px red;
    box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);
    }

    Best regards,
    Yigit

    #227686

    Hi Yigit,

    How about css code that will give the border and dropshadow to the blog thumbnails and images?

    Thanks for your help
    J

    #228176

    Hey!

    Please add following code to Quick CSS as well

    .avia-content-slider .slide-image img { 
    border: solid 2px red;
    box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);
    }

    Cheers!
    Yigit

    #231756

    Hello. Wanted to get back and let you know that I was finally able to view the changes. Thanks for the help!

    One small item remains – When viewing the blog thumbnails on the homepage http://visiteldorado.wpengine.com/, (hosted on WPengine) I’m only seeing the dropshadow in the vertical plan. I haven’t been able to get it to show on the image sides. Can you suggest a solution for that?

    Many thanks!
    J

    #231996

    Hey!

    Try adding this code to the Quick CSS:

    .avia-content-slider .slide-entry {
        overflow: visible !important;
    }
    

    Cheers! 
    Josue

    #232536

    awesome! thanks for all the support. combined with the fantastic theme – a winning solution indeed!

    #232543

    You Are Welcome, Glad We Could Help :)

    Regards,
    
Josue

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

The topic ‘How to add border to image’ is closed to new replies.