Change text and button to the right on hero - home page - Debut theme

Solved
MartaSantacana
Tourist
7 1 5

Hello,

I want to change the text and the button on the hero home page to the right and down; I have checked answers to this question but it is not working on my case - I am very new to Shopify so I might be doing something wrong. 

This is the website https://olivejoyce.myshopify.com/

Screenshot 2021-04-26 at 06.40.36.png

 

suyash1
Shopify Partner
2735 290 452

@MartaSantacana - whats the site password?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
dmwwebartisan
Shopify Partner
5841 1337 1714

@MartaSantacana 

Your webshop is password protected please share password.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Pallavi
Shopify Expert
1315 177 216


Hello There,

Please share your store URL and password.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
MartaSantacana
Tourist
7 1 5

Sorry! Password is aucria

Thank you!

0 Likes
dmwwebartisan
Shopify Partner
5841 1337 1714

@MartaSantacana 

please check this link Image with text .

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Pallavi
Shopify Expert
1315 177 216

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.page-width.text-center {
float: right!important;
}

h2.h1.mega-title {
width: 78%!important;
text-align: center!important;
justify-content: center!important;
margin-left: 25%;
}
a.btn.hero__btn {
margin-right: -30%!important;
}

@media only screen and (min-width: 750px){
.text-center .mega-subtitle {
max-width: 63%!important;
margin-right: 4%!important;

}
}

@media only screen and (max-width: 749px){
h2.h1.mega-title {
width: auto!important;
margin-left: auto!important;
}
a.btn.hero__btn {
margin-right: auto!important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
MartaSantacana
Tourist
7 1 5

@Pallavi that's perfect, thank you very much. As I mentioned I am quite new to Shopify but eager to learn! How can I learn to find this solutions by myself? Is all about learning Liquid? 

Thanks so much again!!

Pallavi
Shopify Expert
1315 177 216

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Pallavi
Shopify Expert
1315 177 216

This is an accepted solution.

Hello There,

Read this all artilce

https://shopify.github.io/liquid/basics/introduction/
https://www.shopify.in/partners/blog/topics/learning-liquid
https://shopify.dev/docs/themes/liquid/reference

https://www.shopify.in/blog/start-online-store
https://websitesetup.org/build-online-store-shopify/
https://www.oberlo.in/blog/how-i-launched-my-ecommerce-store-in-less-than-30-minutes
https://www.shopify.in/partners/blog/topics/shopify-tutorials

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing