Re: Addin a line under rich text

How can I add a line under rich text?

tboudier
Tourist
20 0 1

Hi,

I would like to add a line under a rich text.

Can you help please?

Many thanks,

Thierry

Replies 8 (8)

tboudier
Tourist
20 0 1

Sorry, here is the link of my website:

https://bangkokfirstaid.com/

The line that I would like is a line of separation under a rich text section.

 

tboudier
Tourist
20 0 1

Screen Shot 2566-10-13 at 11.51.46.png

Screen Shot 2566-10-13 at 11.51.32.png

Screen Shot 2566-10-13 at 11.51.21.png

   

PageFly-Henry
Shopify Partner
1184 335 290

Hi @tboudier 

This is Henry 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 theme.css

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

 

[data-section-type="rich-text"] {

    text-decoration: underline !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

tboudier
Tourist
20 0 1

Hi,

Thank you for your help!

Unfortunately it does not work.

Any other solution?

Many thanks,

tboudier
Tourist
20 0 1

What I am looking for to do is something like this. But sometimes it would be under the rich text section and sometimes above.

 

Screen Shot 2566-10-13 at 18.23.37.png

PageFly-Henry
Shopify Partner
1184 335 290

Please try with this code:

h2.heading.h1 {
border-bottom2px solid;
padding-bottom20px;
}

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

laddisahsi
Shopify Partner
385 38 41

Hi @tboudier 

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. Before end of </head> Please add following code.

<style>
#shopify-section-160614396611b5369d, #shopify-section-1651907793ab4c65ed, #shopify-section-1607502394618cff1f h2.heading.h1 {
    text-decoration: underline !important;
}
</style>

 

laddisahsi_0-1697194717971.png

 

 

laddisahsi_1-1697194727472.png

 

 

laddisahsi_2-1697194734756.png

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Laddi

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
tboudier
Tourist
20 0 1

Hi,

Thank you for your help.

I am not looking to underline a text but to add a separation line after a rich text section more like here:

 

Screen Shot 2566-10-13 at 18.23.37.png