Product heading text font formatting and price allignment

Store Design
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

2

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.

3

@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?

4

and also make the text bold

5

and the effect only worked on desktop not on phone