Solved

Refresh Theme - Modify H1 from homepage

Edgard22
Explorer
64 3 5

Hi, 

 

my website is : www.brasebreizh.fr 

 

I would like to modify my H1 from homepage 

Actually, the H1 is like that 

Screenshot 2024-05-20 22.18.14.png

 

But I would like to modify it in order to have 2 lines (centered) like under : 

 

Brase Breizh

L'authentique Braséro Breton

 

Thanks a lot 🙂 

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
765 249 262

This is an accepted solution.

Hi @Edgard22

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_1-1716244951861.png

 

Step 2: Search file base.css, theme.css or styles.css

BSSTechVenture_2-1716244957183.png

 

Step 3: Insert the below code at the bottom of the file -> Save

.collection-list-wrapper .title-wrapper-with-link {
    width: 700px !important;
    text-align: center !important;
    margin: 0 auto !important;
}

Here is result: 

BSSTechVenture_0-1716244907923.png

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 4 (4)

BSSCommerce-HDL
Shopify Expert
765 249 262

This is an accepted solution.

Hi @Edgard22

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSTechVenture_1-1716244951861.png

 

Step 2: Search file base.css, theme.css or styles.css

BSSTechVenture_2-1716244957183.png

 

Step 3: Insert the below code at the bottom of the file -> Save

.collection-list-wrapper .title-wrapper-with-link {
    width: 700px !important;
    text-align: center !important;
    margin: 0 auto !important;
}

Here is result: 

BSSTechVenture_0-1716244907923.png

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
Edgard22
Explorer
64 3 5

It works perfectly ! thanks a lot ! 

Edgard22
Explorer
64 3 5

Sorry, it's not working on mobile version

do you have an idea?

BSSCommerce-HDL
Shopify Expert
765 249 262

Hi @Edgard22

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

@media (max-width: 768px) {
   .collection-list-wrapper .title-wrapper-with-link h2 {
    font-size: 22px !important;
   }
}

 

Here is result: 

BSSTechVenture_0-1716292783129.png

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency