Back Button & Previous/Next Product Buttons Matching

mpgriff90
Excursionist
25 0 13

Hello!

 Can anyone help me get all 3 of these buttons (back, previous product & next product) to have the same style. I like the look of the back button and would like the other two to match. Im using narrative theme.

mpgriff90_0-1628109209875.png

 

KetanKumar
Shopify Partner
22566 2282 8394

@mpgriff90 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Denishamakwana
Explorer
65 9 9

Please share your site URL . 

so, i will help you here

0 Likes
Natztech
Shopify Partner
1901 493 1175

hello @mpgriff90 

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
mpgriff90
Excursionist
25 0 13
KetanKumar
Shopify Partner
22566 2282 8394

@mpgriff90 

thanks can you please confirm that look

KetanKumar_0-1628219768479.png

 

 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
mpgriff90
Excursionist
25 0 13

@KetanKumar the style is perfect! If they can just be a little smaller that'd be great! If not that will work!

KetanKumar
Shopify Partner
22566 2282 8394

@mpgriff90 

thanks 

can you please share this code so i will update

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1901 493 1175

hello @mpgriff90 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

 

.product-template {
    max-width: 900px;
    margin: 0 auto;
}

.template-product .product-nav span{
    background-color: #000;
    border: 2px solid #000;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 10px 30px;
    line-height: 2.2;
    cursor: pointer;
    margin: 12px 0;
    }
    .template-product .product-nav span a{
    color: #ffffff;
    text-decoration: none;
    }

 

 

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
mpgriff90
Excursionist
25 0 13

@Natztech This worked for the next product/previous product buttons (I changed the size to my liking) but it didn't change the size of the back button. How do I change that?

0 Likes