How to raise & underline text in product page? (Dawn)

Store Design
,
1

hello how would i raise & underline text in product page? i have add an image for example. We are needing the text “WORLDWIDE DELIVERY” Raised as it it to close to the other piece of text. We also want to underline the words “WORLDWIDE DELIVERY” so its more clear. If some can help us out it would be highly appreciated. we will be needing this on all product pages. thank you.

Our website is https://munnafashion.com/

1232.PNG
1232.PNG1201×632 284 KB

2

Hi @munfas_uk

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

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

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

div>p.product__text.caption-with-letter-spacing:first-child {

margin-bottom: 14px !important;

text-decoration: underline !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

3

Hello @munfas_uk

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

.product__info-container > p.product__text.caption-with-letter-spacing:nth-of-type(1){
  margin-bottom: 20px;
  text-decoration: underline;
}

Let us know how it works for you.
Best regards,
GemPages Support Team

1 Like
4

Hi @munfas_uk ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product__info-container .product__text.caption-with-letter-spacing:nth-of-type(1) {
    text-decoration: underline !important;
    margin-bottom: 5px !important;
}

Hope it helps!

his at the bottom of the file:

5

Thank you. This Worked.

6

this code works! Text was a little too high but i have solve it now. Thank you for your help.

1 Like