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
99 15 19

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 Partner


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
1014 139 147

Hello @keiraperl,

Please share your store url link.

Thanks!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

BrewBrains
Shopify Partner
99 15 19

@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 Partner


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
99 15 19

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 Partner


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732

BrewBrains
Shopify Partner
99 15 19

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 Partner


Need help with your store?

 sandeshpaudyal99@gmail.com

For quick response - Message Me : +9779851353732