Debut theme: text margins, contact form, footer fixes

Solved

Debut theme: text margins, contact form, footer fixes

keiraperl
Tourist
4 0 1

Hello,

 

I need help for a Debut theme website

- add both right and left margins to text in homepage (desktop only)

- add a contact form in homepage

- in footer, center social media icons and add an email icon alongside

 

Thanks in advance to who can help me.

Keira 

Accepted Solution (1)
BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

@keiraperl 

You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid

 

 

 

<style>
div#shopify-section-1596801911756 .rich-text__text--large.rte-setting.text-center {
    padding: 10px 6rem;
}
.grid__item.small--one-whole.site-footer-item-align-right {
    text-align: center;
}

.grid.grid--no-gutters.small--text-center.grid--footer-float-right {
    display: flex;
    max-width: 1200px;
    margin: auto;
    flex-direction: column;
}
ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {
    display: flex;
    justify-content: center;
    align-items:centerl
}
li.social-icons__item {
    padding: 0px !important;
}
@media only screen and (max-width: 600px) {
 div#shopify-section-1596801911756 .rich-text__text--large.rte-setting.text-center {
    padding: 10px 2rem;
}
}
</style>

 

 

 

Need access to the store to "add a contact form in homepage".

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

View solution in original post

Replies 6 (6)

websensepro
Shopify Partner
1854 215 261

Hello @keiraperl,

Please share your store url link.

Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

BrewBrains
Shopify Partner
160 26 33

@keiraperl , Please share your store URL, so that I can assist you on it.

 

Regards,

 

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

keiraperl
Tourist
4 0 1

Thanks a lot Sandesh! Is there any chance I could also auto-activate the video audio when the page loads on mobile? I can have it on desktop only. Thanks again a lot 

keiraperl
Tourist
4 0 1

The website is https://il3x.com thanks a lot

BrewBrains
Shopify Partner
160 26 33

This is an accepted solution.

@keiraperl 

You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid

 

 

 

<style>
div#shopify-section-1596801911756 .rich-text__text--large.rte-setting.text-center {
    padding: 10px 6rem;
}
.grid__item.small--one-whole.site-footer-item-align-right {
    text-align: center;
}

.grid.grid--no-gutters.small--text-center.grid--footer-float-right {
    display: flex;
    max-width: 1200px;
    margin: auto;
    flex-direction: column;
}
ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {
    display: flex;
    justify-content: center;
    align-items:centerl
}
li.social-icons__item {
    padding: 0px !important;
}
@media only screen and (max-width: 600px) {
 div#shopify-section-1596801911756 .rich-text__text--large.rte-setting.text-center {
    padding: 10px 2rem;
}
}
</style>

 

 

 

Need access to the store to "add a contact form in homepage".

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

BrewBrains
Shopify Partner
160 26 33

Hi @keiraperl ,

 

You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid

<style>
div#shopify-section-1596801911756 {
    margin: 0px 6rem;
}
@media only screen and (max-width: 600px) {
  div#shopify-section-1596801911756 {
    margin: 0px 2rem;
}
}


div#shopify-section-footer li.social-icons__item {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

div#shopify-section-footer .grid__item.small--one-whole {
    text-align: center !important;
}

</style>

 

Store access is required to "add a contact form in homepage".  See screenshot for other 2 task.

Screenshot 2024-03-26 at 9.30.11 PM.png

 

Was my reply helpful? Click Like to let me know!

Was your question answered? Mark it as an Accepted Solution.

Was I helpful?

Buy me a coffee


Sandesh Paudyal |

| Shopify Developer


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732