FROM CACHE - de_header
Gelöst

dividing lines thicker

corneliorrr
Shopify Partner
27 0 5

Hey, is it possible to make the dividing lines thicker? 

1 AKZEPTIERTE LÖSUNG

Gabe
Shopify Staff
16681 2637 3914

Erfolg.

Hey @corneliorrr 

 

it is indeed possible to change the thickness of divider lines on your Shopify homepage. However, keep in mind that Shopify's themes may vary, so the exact class name for the divider line in your theme might differ (you can find it using the Chrome Dev Console with a right-click directly on the divider lines). 

 

Here's a general way to increase the thickness of a divider line using CSS:

  1. Navigate to "Online Store" > "Themes" -> "Actions" > "Edit Code".
  2. On the Edit HTML/CSS page, under the "Assets" directory, find your theme's CSS file and click on it to open the file in the online code editor. This file might be named something like theme.scss.liquid or style.css.liquid.
  3. Find the CSS class that applies to your divider. This might take some digging. A common class name for dividers could be .divider or something similar.

Once you've found the CSS class, you can adjust the thickness of the divider line by changing the border property. If you don't find any specific class for the divider, you can add a new one and apply it to your dividers.

Let's say the divider is a horizontal line and the class name is .divider, you could increase its thickness by setting the border-top or border-bottom property, like so:

 

.divider {
  border-top: 3px solid #000000; /* replace #000000 with the color of your choice */
}

 

OR:

 

.divider {
  border-bottom: 3px solid #000000; /* replace #000000 with the color of your choice */
}

 

Remember to replace .divider and #000000 with your specific class name and color, respectively. If you're unsure of the class name, as I mentioned above, you might need to inspect the page's elements with the Chrome Developer Console.

 

Let me know if you have any further questions on that!

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

Lösung in ursprünglichem Beitrag anzeigen

2 ANTWORTEN 2

Gabe
Shopify Staff
16681 2637 3914

Erfolg.

Hey @corneliorrr 

 

it is indeed possible to change the thickness of divider lines on your Shopify homepage. However, keep in mind that Shopify's themes may vary, so the exact class name for the divider line in your theme might differ (you can find it using the Chrome Dev Console with a right-click directly on the divider lines). 

 

Here's a general way to increase the thickness of a divider line using CSS:

  1. Navigate to "Online Store" > "Themes" -> "Actions" > "Edit Code".
  2. On the Edit HTML/CSS page, under the "Assets" directory, find your theme's CSS file and click on it to open the file in the online code editor. This file might be named something like theme.scss.liquid or style.css.liquid.
  3. Find the CSS class that applies to your divider. This might take some digging. A common class name for dividers could be .divider or something similar.

Once you've found the CSS class, you can adjust the thickness of the divider line by changing the border property. If you don't find any specific class for the divider, you can add a new one and apply it to your dividers.

Let's say the divider is a horizontal line and the class name is .divider, you could increase its thickness by setting the border-top or border-bottom property, like so:

 

.divider {
  border-top: 3px solid #000000; /* replace #000000 with the color of your choice */
}

 

OR:

 

.divider {
  border-bottom: 3px solid #000000; /* replace #000000 with the color of your choice */
}

 

Remember to replace .divider and #000000 with your specific class name and color, respectively. If you're unsure of the class name, as I mentioned above, you might need to inspect the page's elements with the Chrome Developer Console.

 

Let me know if you have any further questions on that!

Gabe | Social Care @ Shopify
 - War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen! 
 - Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung 
 - Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog

corneliorrr
Shopify Partner
27 0 5

Thank you for answering, but I didnt find the right file, because in the asset folder is only a file titled theme-editor. And there is nothing said about divider. Is there any other way? 

maybe is it helpful; my site: https://8929c6-2.myshopify.com