Solved

Line space on productpage

rebelcopenhagen
Tourist
13 0 0

Hi.

 

How do I change the line space above and below the Tab section?

I can't find any margin/padding setting in the theme and am unsure what code to look in.

 

The theme is Kalles

The link is https://www.rebelcopenhagen.dk/products/8434685482288? (code is copenhagenrebel)

 

tabs.JPG

Accepted Solution (1)

LuffyOnePiece
Shopify Partner
298 53 51

This is an accepted solution.

Hi @rebelcopenhagen ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
@media (min-width: 768px) {
    .t4s-product-tabs-wrapper.is--tab-position__external{
      margin: 0 !important;
    }
}
</style>

Result:

LuffyOnePiece_0-1711634049120.png

 


If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

View solution in original post

Replies 2 (2)

techlyser_web
Shopify Partner
1404 262 276

Hello @rebelcopenhagen 

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>
 .t4s-product__info-container>:not(:last-child) {
       margin-bottom: unset !important;
 }
 .t4s-custom_html_qFExAf.t4s-pr__html.t4s-rte img {
     vertical-align: middle !important;
 }
</style>

techlyser_web_0-1711633588856.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

LuffyOnePiece
Shopify Partner
298 53 51

This is an accepted solution.

Hi @rebelcopenhagen ,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
@media (min-width: 768px) {
    .t4s-product-tabs-wrapper.is--tab-position__external{
      margin: 0 !important;
    }
}
</style>

Result:

LuffyOnePiece_0-1711634049120.png

 


If you require further help to optimize or customize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
LuffyOnePiece

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184