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
11296 2212 2382

This is an accepted solution.

Hi @Mish_Sweets 

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

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

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
11296 2212 2382

This is an accepted solution.

Hi @Mish_Sweets 

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

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

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
11296 2212 2382

Very welcome!

- Found this helpful? Hit "Like" and "Accept as Solution"! - Feeling generous. Buy me coffee!
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
Built for Shopify

Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

rajweb
Shopify Partner
653 56 127

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

-Need a Shopify developer?
https://rajatweb.dev/

Email: rajat.shopify@gmail.com