Focal theme - Wanted to change this in box type !

Solved

Focal theme - Wanted to change this in box type !

dharmil
Excursionist
53 0 3

Screenshot 2024-06-25 at 11.44.58 AM.png

WANTED TO CHANGE THIS appearance for focal theme 

Accepted Solution (1)

Vinsinfo
Shopify Partner
491 167 171

This is an accepted solution.

@dharmil Please follow below steps to change the tabs in box-style. Let me know whether it is helpful for you.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "theme.css" file and paste the below code at the bottom of the file and save changes.

 

.section__header .tabs-nav__item{
    border-radius: unset !important;
}

 

 

 

Result will be like,
Vinsinfo_0-1719300740375.png        
 
Vinsinfo_3-1719301158122.png

 

 

NOTE: This code will changes box style in all the featured collection sections throughout the site. If you want to update only for the section you attached in the image, please let me know.

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

View solution in original post

Replies 5 (5)

ProtoMan44
Shopify Partner
704 57 112

@dharmil  hey, thanks for posting here.
 can you please share the link to inspect it, thanks.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
dharmil
Excursionist
53 0 3

GTLOfficial
Shopify Partner
832 171 188

Hello @dharmil 
Please share your website link.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh

Vinsinfo
Shopify Partner
491 167 171

This is an accepted solution.

@dharmil Please follow below steps to change the tabs in box-style. Let me know whether it is helpful for you.

 

1. From admin, go to "Online Store" -> "Themes".
2. Click action button from the current theme and select "Edit code".
3. Go to "theme.css" file and paste the below code at the bottom of the file and save changes.

 

.section__header .tabs-nav__item{
    border-radius: unset !important;
}

 

 

 

Result will be like,
Vinsinfo_0-1719300740375.png        
 
Vinsinfo_3-1719301158122.png

 

 

NOTE: This code will changes box style in all the featured collection sections throughout the site. If you want to update only for the section you attached in the image, please let me know.

 
Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
dharmil
Excursionist
53 0 3

Thankyou so much