Product heading text font formatting and price allignment

gurman
Tourist
21 0 1

Product heading text font formatting and price allignment

 

How can i format my product heading text in one line and the price exactly below it.

 

my site - www.24hourhype.com

theme - brooklyn

Replies 4 (4)

AvadaCommerce
Shopify Partner
3879 839 951

Hi @gurman ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

.grid-product__price-wrap {
    display: block !important;
}
.grid-product__price-wrap .long-dash {
    display: none;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
gurman
Tourist
21 0 1

@AvadaCommerce it worked but i think i need to make the font size even smaller in order to fit the headings in a single line, how to do that?

gurman
Tourist
21 0 1

and also make the text bold

gurman
Tourist
21 0 1

and the effect only worked on desktop not on phone