Hi,
I want to make a few adjustments to About US page. I’m using Dawn theme.
-
I want to make the space between the About US and the photo smaller.
-
I want to line up the text with the photo.
-
I want to make the space between paragraphs bigger.
-
Is there a way to make the basic text even smaller? In the regular settings I can’t make it any more smaller.
Website link:
https://jours-plus.com/pages/about-us
Password: 1234
Any help would be highly appreciated.
1 Like
Moeed
2
Hey @ryosuke007
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @ryosuke007 ,
- Go to Online Store → Theme → Edit code.
- Open your theme.css / based.css file and paste the code in the bottom of the file.
.page-width.page-width--narrow.section-template--18718241554653__main-padding {
padding-bottom: 0px !important;
}
div#ImageWithText--template--18718241554653__image_with_text_cfMftW {
padding-top: 0px !important;
}
.image-with-text__text.rte.body>p {
font-size: 13px;
}
result:
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
1 Like
DaisyVo
4
Hi @ryosuke007
I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there
Here is the code for Step 3:
{% if page.id == 113696899293 %}
h1.main-page-title.page-title {
margin-bottom: 5px !important;
}
.image-with-text__text-item.grid__item > div {
padding-top: 0 !important;
}
.image-with-text__text.rte.body p {
margin-bottom: 16px !important;
font-size: 14px;
}
{% endif %}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
1 Like