How to make my tracking button centered

Highlighted
New Member
3 0 0

Hi,

i would like to ask how to make my aftership tracking button centered on the page. i don't know how to do that. 'cause it looks messy. thanks.

http://www.thesukihouse.com/pages/track-order-status

0 Likes
Highlighted
Shopify Partner
1159 31 204

Hey, your store is locked. http://www.thesukihouse.com/pages/track-order-status

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
0 Likes
Highlighted
New Member
3 0 0

oh yes off course... sorry i haven't publish it yet until it ready

password is olleog

 

thanks

0 Likes
Highlighted
Shopify Partner
1159 31 204
.rte iframe{
 display: table;
 margin: auto
}

Paste this CSS at the very bottom of your theme.scss.liquid

 

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
- Available for hiring. lixon@ecommercestudio.in
0 Likes
Highlighted
New Member
3 0 0

Yes! it's working!

 

Thanks Sir!

 

 

0 Likes
Highlighted
New Member
1 0 0

Hi, I'd like to change the color (#ed5456) of the aftership button to blend into the brand of my website

 

https://thegyftr.com/pages/shipping-info

 

I tried putting this code in the theme.liquid file and on the page when set to code but no luck

 

<!-- change color or aftership button -->
.btn {
border: 2px solid #ed5456;
text-align: left;
background-color: #ed5456;
color: #fff;
}

 

 

Would appreciate some help. Thanks

0 Likes
Highlighted
Excursionist
59 4 21

Hello,

 

I am also trying to change the color and, if possible, the font of the Aftership button to Match my brand.

Did you solve this?

 

Would appreciate any help.

Thanks,

Andi

1 Like
Highlighted
Shopify Partner
4596 685 1443

Thanks @AndiVillacis 

Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Excursionist
59 4 21

Hello @KetanKumar,

 

Thank you very much for your help. I really appreciate it!

This is my website: https://us-women.com

 

I am looking to change the Track Button color and font to match my store and my brand

 

Captura de Pantalla 2020-06-07 a la(s) 2.09.15 a. m..png

 

Everything is with lilac and with Raleway Font. That tracking Button from after ship totally mismatches my Store and my brand!

 

Thanks in advance for your help,

Andi

1 Like
Highlighted
Shopify Partner
4596 685 1443

@AndiVillacis 

Thanks for details 

can you please try this code it's iframe code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
 

.tracking-widget .btn-large {
background: #869ece !important;
    border-color: #869ece !important;
font-family: Raleway,sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
}  
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like