How to change the color and size of a 'go back' button on mobile?

Store Design
, , , ,
1

Hello,

I added a go back button on the product page with that code : Retour à la collection {%- style -%}}
}

The button appear blue on mobile and I want to change the size, can someone help me ?

NaomiNN_0-1687814824268.jpeg
NaomiNN_0-1687814824268.jpeg1170×1767 102 KB

URL store :https://prettyprettyplease.fr/

Password : Naomi

I use dawn theme

2

@NaomiNN - add class to this button using which we can set it as per your need, like below
3

Hello,

thank you for your reply.

I tried the code it’s still blue …

4

You can change the code to:

<button onclick="history.back()" class="custom-back-btn" style="
    color: black !important;
    border-radius: 5%;
    border: 1px;
    font-family: inherit;
    font-size: 16px;
    cursor: pointer;
    padding: 0.2em;
    margin: 0.5em;
background-color: #FEEAF0;
"><i class="fa fa-angle-left" aria-hidden="true"></i> Retour à la collection  </button>

=> Result:

view.png
view.png1847×969 126 KB

view (1).png
view (1).png391×842 64.9 KB

1 Like
5

Thank you so much it’s working

6

Is it is possible to have a contour for the button like the add to favorite button and move the button more to the left ?