Dawn Theme: Images have Squares around them

ENGLISH/German:

Hey Community :slightly_smiling_face:

I just switched from Brooklyn to OS 2.0 Theme: Dawn.

On the About US page and the other pages I have now installed small preview images.

Unfortunately, gray rectangular frames now appear. (this was not the case in the old Brooklyn theme)

How can I avoid the rectangles?

https://www.chevaldore.com/pages/aboutus

I have attached pictures to illustrate Dawn and Brooklyn as well as the Shopify setting page.

LG Jul :slightly_smiling_face:

GERMAN:

Hey Community :slightly_smiling_face:

Habe soeben von Brooklyn auf OS 2.0 Theme: Dawn gewechselt.

Auf der About US Page und den anderen Seiten habe ich nun kleine Vorschau-Bilder verbaut.

Leider tauchen nun graue rechteckige Rahmen auf. (im alten Theme Brooklyn war das nicht)

Wie kann man die Rechtecke vermeiden?

https://www.chevaldore.com/pages/aboutus

Bilder zur Veranschaulichung von Dawn und Brooklyn sowie die Setting Seite von Shopify habe ich im Anhang hinzugefügt.

LG Jul :slightly_smiling_face:

[


](I FEEL LIKE A HORSE SOMETIMES. HOW DO YOU FEEL? – Cheval Doré)

Hi @ChevalDore

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.rte img {
    border: none !important;
}

And Save.

Result:

Looks like somewhere in your settings you have a border applied to these images. You can see this in using the inspection tool of your browser. If I uncheck this in that view, the border goes away.

You’ll need to locate where this is and “turn it off”. I’d avoid editing your theme code unless you cannot find this setting. Since you are only seeing it on that specific page, I’d check the template the page is pulling its stylings from.

Go to your online store → customize → settings → custom css and paste this code there

.rte img {
    border: unset;
}

This will remove the border

Hi @ChevalDore

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Result:

While checking on your store to investigate the issue. I’ve some suggestions for you that to help your store look more professional and friendly to customers.

That you can consider to add a Star rating review for the product and to highlight the price on the product page. It will help increase more trust for your product, and help the customer more easier to know the price of product

Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hi @ChevalDore

You can solve it by adding this code to the theme.liquid file, after


Thanks legend! @Made4uo-Ribe =)))
it worked!

Have a blessed day. Kind regards Julian

Thank you for the answer :smiley:

Thank you for the answer it works now :smiley:

I was about to put some testimonials on the website these days.

How Would you put the star rating below the product? With an application?

Kind regards :smiley: