Add Additional Text in Contacts Page **HELP**

Add Additional Text in Contacts Page **HELP**

Pods10101
Excursionist
33 0 10

Hi There Everyone, I am designing my online store and in the contacts page where it says the title: "Contact" beneath that I want to add some text as shown in the pictures below; (1st pic is my store), (2nd pic is what I want) I want the same text as the 2nd photo in same format beneath the contact title. Any help is appreciated Thanks!

 

 

MY STORE: www.gadget-pods.store

22333.png3332323232.png

Replies 6 (6)

TikitaTech
Shopify Partner
71 18 18

Hi @Pods10101!

 

In Admin => Contact Page, you can add a new block of Rich Text under Page:

2024-10-13T12_21_51,755059315+07_00.png

 Add this customisation in the side bar:

2024-10-13T12_25_23,649353454+07_00.png

 

 And add in the text as required. You can also make sure the content vertically lines up on Desktop using this CSS:

 

2024-10-13T12_23_49,151483921+07_00.png

 

These are desktop and mobile examples from my test page:

2024-10-13T12_27_07,163366279+07_00.png

 

2024-10-13T12_26_36,743122350+07_00.png

 

Hope this helps! Let me know if you need any more details.

Daeda Wishlist - a simple wishlist
Co-founder @ Daeda Technologies to make tech simple
Pods10101
Excursionist
33 0 10

Hi there Thanks, But how do I decrease the space between the text and the header "Contact"?

TikitaTech
Shopify Partner
71 18 18

You can reduce the bottom padding with the slider on the Contact header (Page selected).

From this:

2024-10-13T12_59_59,136735371+07_00.png

 

To this:

2024-10-13T13_00_12,446676018+07_00.png

 

And reduce the top padding with the slider in Rich Text:

2024-10-13T13_00_29,159376127+07_00.png

 

 

 

 

 

Daeda Wishlist - a simple wishlist
Co-founder @ Daeda Technologies to make tech simple
Pods10101
Excursionist
33 0 10

i replied plz check it

 

Pods10101
Excursionist
33 0 10

and I also want the header text and form buttons to be aligned to the left they are not aligned properly

TikitaTech
Shopify Partner
71 18 18

If you want all the sections to be vertically inline as in this example:

 

Then you can increase the padding-left on the p tag in Rich Text, for example:

 

p {
  padding-left: 30px;
}

 

Let me know if this answered your question or if you need more details.

Daeda Wishlist - a simple wishlist
Co-founder @ Daeda Technologies to make tech simple