Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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?
Sandesh Paudyal |
| Shopify Developer
Need help with your store?
sandeshpaudyal99@gmail.comFor quick response - Message Me : +9779851353732
Hello @keiraperl,
Please share your store url link.
Thanks!
@keiraperl , Please share your store URL, so that I can assist you on it.
Regards,
Was I helpful?
Sandesh Paudyal |
| Shopify Developer
Need help with your store?
sandeshpaudyal99@gmail.comFor quick response - Message Me : +9779851353732
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
This is an accepted solution.
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?
Sandesh Paudyal |
| Shopify Developer
Need help with your store?
sandeshpaudyal99@gmail.comFor quick response - Message Me : +9779851353732
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.
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Was I helpful?
Sandesh Paudyal |
| Shopify Developer
Need help with your store?
sandeshpaudyal99@gmail.comFor quick response - Message Me : +9779851353732
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025