About US page customization - Dawn Theme

[ryosuke007]

Hi, 

I want to make a few adjustments to About US page. I'm using Dawn theme. 

1) I want to make the space between the About US and the photo smaller. 

2) I want to line up the text with the photo. 

3) I want to make the space between paragraphs bigger. 

4) 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. 

[Moeed · Accepted solution]

Hey @ryosuke007 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.main-page-title {
    margin-bottom: 5px !important;
}
div#ImageWithText--template--18718241554653__image_with_text_cfMftW {
    padding-top: 0 !important;
}
.image-with-text__text p {
    margin-bottom: 2rem !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[steve_michael2]

Hi @ryosuke007 ,

1. Go to Online Store -> Theme -> Edit code.
2. 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!

[DaisyVo]

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.