Re: How to add HTML Tag in Contact Form Title

Solved

How to add HTML Tag in Contact Form Title

Mish_Sweets
Tourist
4 0 2

Hi I am trying to add this <br> tag in contact form title. But it is not accepting tag insted of tag it is showing opening and closing brackets. 

 

The page i need help with is 

 

https://mishsweets.com/pages/contact

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11612 2276 2456

This is an accepted solution.

Hi @Mish_Sweets 

You can try to add </br> and check again. 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
11612 2276 2456

This is an accepted solution.

Hi @Mish_Sweets 

You can try to add </br> and check again. 

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

Mish_Sweets
Tourist
4 0 2

Thanks for your precious reply. Its working 

Dan-From-Ryviu
Shopify Partner
11612 2276 2456

Very welcome!

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

rajweb
Shopify Partner
787 66 143

Hey @Mish_Sweets ,

Follow these steps:

1. Go to Online Store > Theme > Edit Code

2. Find the file that corresponds to your contact page, likely contact-form.liquid or in a section related to the contact page (e.g., page.contact.liquid).

3. Locate the title where you want the line break.

 

Add CSS for Line Break:

Instead of using <br> , you can add a custom class or use inline styles to create a line break. For example:

 

<h2 class="contact-form-title">Get in Touch<br>We’d love to hear from you!</h2>

 

Add Custom CSS:

1. In the Edit Code section, find your theme.css or theme.scss.liquid file under the Assets folder:

 

.contact-form-title {
    line-height: 1.5; /* Adjust as needed */
    text-align: center; /* Center the text if desired */
}

 

After making these changes, save your files and check your contact page to see if the title now displays as desired.

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regard,

Rajat Sharma

Rajat | Shopify Expert Developer
Need a reliable Shopify developer for your next project?
Our App: Productify Groups App
Email: rajat.shopify@gmail.com
Portfolio: https://rajatweb.dev