Solved

Alter the position of heading and paragraph within 'image with text'

Jferguson1
Explorer
80 3 6

Hi,

 

Trying to change the position of the text within 'image with text' section. 

 

I want to position more over to the left. as you can see from the image the text is centrally positioned - i want to move it to the left of the screen. 

 

Happy to insert code. 

 

Thanks

Screenshot 2024-02-16 at 11.39.09.png

Accepted Solutions (2)
ThePrimeWeb
Shopify Partner
1720 477 352

This is an accepted solution.

Hey @Jferguson1,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
@media only screen and (max-width: 749px) {
    div#ImageWithText--template--21069259473236__image-with-text {
        padding-left: 15px;
    }    
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708086002928.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website

View solution in original post

Jferguson1
Explorer
80 3 6

This is an accepted solution.

thank you very much

View solution in original post

Replies 8 (8)

ThePrimeWeb
Shopify Partner
1720 477 352

Hey @Jferguson1,

 

Can I have the link to your store?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Jferguson1
Explorer
80 3 6
ThePrimeWeb
Shopify Partner
1720 477 352

It's password protected haha, can you share the password or remove it.

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Jferguson1
Explorer
80 3 6

password is help lol

Jferguson1
Explorer
80 3 6

the password is 'help' 

Jferguson1
Explorer
80 3 6

help is the password

ThePrimeWeb
Shopify Partner
1720 477 352

This is an accepted solution.

Hey @Jferguson1,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

 

<style>
@media only screen and (max-width: 749px) {
    div#ImageWithText--template--21069259473236__image-with-text {
        padding-left: 15px;
    }    
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1708086002928.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Jferguson1
Explorer
80 3 6

This is an accepted solution.

thank you very much