How do I add a green border to this image?

Highlighted
Explorer
68 0 4

Using debut, this is for my collection page. I have a circular image at the top that needs to have a thin green border all the way around the image. How do I achieve this?

 

<div class="page-width"><div style="text-align: center;"><img style="max-width: 150px; height: auto;" src="{{ pages.some-page-name.content }}" /></div></div>

Should I add something like this? It doesn't currently work:

border-radius: 50%; border: 5px; border-color: green;

Thanks!

0 Likes
Highlighted

Hi,

Please Share a Store url to better assist

Thanks & Regards
inoday

0 Likes
Highlighted
Explorer
68 0 4

@jpinoday Hi, thanks for looking into this for me.  I'm asking in general - there isn't anything we can learn from my store URL...can you answer this question without my store URL?

1 Like
Highlighted
Excursionist
29 6 12

Hi,

border: 5px solid green;

used it for border of any image or div etc..

 

Thanks & Regards
rbdtechworld

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: developer9it@gmail.com

 

 

3 Likes
Explorer
68 0 4

@rbdtechworld 

 

Hi, sorry for the late reply this got pushed to the back burner for a little. I'm still not getting a green border, not sure where to put your code...here's another example of where I need a green border in my code:

 

<img class="list-view-item__image" src="{{ product.featured_image.src | img_url: '95x95', scale: 2 }}" alt="{{ product.featured_image.alt }}">

Thanks

0 Likes
Highlighted
Excursionist
29 6 12

Hi,

used below code in your css file

.list-view-item__image{border: 5px solid green;}

if you can't find your css file then plz share your store url.

 

Thanks & Regards
rbdtechworld

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
Email: developer9it@gmail.com

0 Likes