Adding a second line/subtitle to grid and product detail pages

On 7/12/2024 at 8:53 PM, tuanphan said:

Use this code to Custom CSS box

@media screen and (max-width:767px) {
/* space image - title */
.products.collection-content-wrapper .grid-main-meta .grid-title .sf-pre-title {
    margin-top: 30px !important;
}
/* space title - description */
.products.collection-content-wrapper .grid-main-meta .grid-title .sf-pre-title {
    margin-bottom: 30px !important;
}
/* space description - price */
.products.collection-content-wrapper .grid-main-meta .grid-title .sf-title {
    margin-bottom: 30px !important;
}
}

 

Hi @tuanphan thank you SO much for the above code its worked great. I really appreciate you taking the time to provide me with this solution 🙂

Hi @tuanphan I'm having trouble with getting the line break to appear in the product page? Grid mode works fine, and all the formatting code works well. Website is leylandpedals.co.uk. Thanks!

On 7/30/2024 at 9:21 PM, leylandpedals said:

Hi @tuanphan I'm having trouble with getting the line break to appear in the product page? Grid mode works fine, and all the formatting code works well. Website is leylandpedals.co.uk. Thanks!

I see you solved? It already fine to me