How to put View All button in the center align in homepage?

Solved

How to put View All button in the center align in homepage?

VisarK
Trailblazer
149 0 31

Hello community,i need to put view all button on the center align its on homepage on all devices.

Screenshot_20240726_064640_Chrome.jpg

Accepted Solution (1)

JasmeetVT14313
Shopify Partner
292 63 76

This is an accepted solution.

Hi @VisarK 
It seems your previous Css is causing the issue.
However, you can add the below code in Custom CSS part of the section in the Editor.
Customize >> Select the section >> Custom CSS

div.center {
    text-align: center !important;
}

 

JasmeetVT14313_0-1721974210908.png

Let me know for any concerns.
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

Replies 5 (5)

suyash1
Shopify Partner
10569 1306 1674

@VisarK - can you please share this page link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
VisarK
Trailblazer
149 0 31

JasmeetVT14313
Shopify Partner
292 63 76

This is an accepted solution.

Hi @VisarK 
It seems your previous Css is causing the issue.
However, you can add the below code in Custom CSS part of the section in the Editor.
Customize >> Select the section >> Custom CSS

div.center {
    text-align: center !important;
}

 

JasmeetVT14313_0-1721974210908.png

Let me know for any concerns.
If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- VTN Customer Dashboard enhances your customer's dashboard with advanced features, profile management, and order tracking. Free trial available.
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
VisarK
Trailblazer
149 0 31

Thanks a lot @JasmeetVT14313 it works

oscprofessional
Shopify Partner
16272 2431 3163

Hello @VisarK ,
1 Goto your theme and edit code.
2. Open theme.liquid file and add this code.

<style>
.center.collection__view-all {
margin: 0 auto;
width: 122px;
}

</style>

4.jpg

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free