Product page styling question

Solved

Product page styling question

Username367468
Visitor
1 0 0

Hey all,

 

I'm helping a friend edit his Shopify page but I can't seem to find where the "bullet list header" is located. I'd like to rename it just "Info" instead of "Info om Kronhjorten".

Product page:
https://replantart.dk/collections/verdenskort/products/extra-tape-192-tape-stykker


PageFly is used with this account but I don't think it's used on that page.

I've checked in Online Store > Themes > Edit default theme content, product page, Theme > Customize, but can't find any place to edit the header. 

Any help would be appreciated.

 

 

Accepted Solution (1)

Rahul_dhiman
Shopify Partner
558 112 110

This is an accepted solution.

Hello @Username367468 
Go to online store ---------> themes --------------> actions ------> edit code------->theme.scss.css
at the end of the file and save.

span#easytabs-slide-label-9697347666245-0::after {
content: "Info";
visibility: visible;
float: left;
}
span#easytabs-slide-label-9697347666245-0 {
visibility: hidden;
}

result
13.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
5457 1477 1764

Hey @Username367468 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
span#easytabs-slide-label-9697347666245-0:after {
    visibility: visible;
    content: "Info";
    float: left;
}
span#easytabs-slide-label-9697347666245-0 {
    visibility: hidden;
}
</style>

RESULT:

Moeed_0-1727345571825.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Tech_Coding
Shopify Partner
309 81 72

Hello @Username367468 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  span#easytabs-slide-label-9697347666245-0:after {
      content: "Info";
      visibility: visible;
      display: block;
       float: left;
   }
   .easytabs-container .easytabs-accordion-item .easytabs-header-text {
       visibility: hidden !important;
    }
</style>

Tech_Coding_0-1727346213911.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

Rahul_dhiman
Shopify Partner
558 112 110

This is an accepted solution.

Hello @Username367468 
Go to online store ---------> themes --------------> actions ------> edit code------->theme.scss.css
at the end of the file and save.

span#easytabs-slide-label-9697347666245-0::after {
content: "Info";
visibility: visible;
float: left;
}
span#easytabs-slide-label-9697347666245-0 {
visibility: hidden;
}

result
13.png

If this was helpful, hit the like button and accept the solution.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me [email protected] - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167