Ella Theme: How to change color?

Solved
bethchan
Excursionist
41 0 8

As my website color is orange, I have changed some buttons, font color, but I don't know how to change the following color (5 different places)

Can anyone change the following color to orange?

Search (View all)、Account(Forgot your password)、Wishlist(Remove Wishlist and heart shape)、FAQ(Question)、Back to top button

website: https://lepeto.myshopify.com/

password: brulol

bethchan_0-1613545146815.png

bethchan_1-1613545167388.pngbethchan_2-1613545173573.png

bethchan_3-1613545177262.png

bethchan_4-1613545180308.png

 

0 Likes
paramSoft
Shopify Partner
1458 238 654

It seems that you are saying the changes which are in copy theme. Please provide preview URL.

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
bethchan
Excursionist
41 0 8

 @paramSoft Hi,

I want to change some color:

1. https://lepeto.myshopify.com/    see search window

bethchan_0-1613554675052.png

2. https://lepeto.myshopify.com/     see account window, when the mouse on the link" forgot your password" can it change to orange color?

bethchan_1-1613554739403.png

 

3. https://lepeto.myshopify.com/    see NEW PRODUCT section, is it possible to change the blue color to orange?

bethchan_2-1613554922937.png

4. https://lepeto.myshopify.com/pages/faq  Can it change the green background to orange?

bethchan_3-1613555003543.png

5. I want to change the Back to Top Button color, but it seems it doesn't show up even I have setup as below.

 

bethchan_4-1613555151385.png 

 

 

 

 

 

0 Likes
paramSoft
Shopify Partner
1458 238 654

This is an accepted solution.

Please place this code at the end of theme.scss

.forgot-password, .search-form__product a[class="link"] {
color: #f95309;
}
.forgot-password {
border-bottom: 1px solid #f95309;
}
.forgot-password:hover {
color: #f95309;
}
#accordion .card .title span, .product-card_wishlist.wishlist-added .icon, .product-card_wishlist.wishlist-added {
    background-color: #f95208;
}
Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
bethchan
Excursionist
41 0 8

@paramSoft thanks for your help.

0 Likes
paramSoft
Shopify Partner
1458 238 654

Thank you for update

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes