Hello. I’m trying to set up product descriptions in Dawn Theme. I’ve been researching everywhere but can’t seem to find an answer for this.
When I add a picture in the product description, the picture somehow has a border and I can’t seem to remove it. I’ve tried the theme settings which you can remove image border but that removes the border completely for product pictures as well. I would like to just remove the product in the description section where you can also write the text.
What can I do to remove the border on the picture? Below is a picture sample.
Hi @midas8858 ,
Please follow the instructions below
- Go to Admin page > Online store > themes > Actions > Edit code
- Open the base.css under the Asset folder then add the code below.
.product__description.rte img{
border: none !important
}
Perfect thank you so much! This helped!
Another issue that came up is it is doing the same to pages I make. I added an image on a page I made and the image also has a border. How can I remove it on Pages section as well? Picture below
@midas8858
Replace the code provided with the code below instead.
.rte img{
border: none !important
}
1 Like
It worked! THANK YOU so much I really appreciate it 
1 Like
Hello,
I’m having trouble with removing image border on Featured Collections in the home page of Dawn Theme.
I added a collections list and want the border on those images, however it doesn’t give me the option to only have borders in collections list. When I select that option it somehow also applies it to both feature collections images and collections list.
I read somewhere that you were able to select that option in version 2 however in version 5 it doesn’t let me customize it. How can I remove the image border only in featured collections? Below are picture examples.
Thank you
@made4Uo
Hi @midas8858 ,
Just add the code below in the base.css to add a border on the collection list. Change the “red” to the color of your choice
.collection-list .card__inner {
border: 1px solid red;
}
Hi @made4Uo
Sorry about the confusion. So in Dawn Theme there is an option to add “Featured Collection” and “Collections List”. I would like to leave the collections list the way it is.
I would only like to remove the border on the images on Featured Collection. Could you please give me the code for that? Below is an example picture. Thank you
So I believe Dawn’s border is way complicated. They use pseudo elements. Can you share me your website?
1 Like
