Solved

move button to the middle of screen

Jferguson1
Explorer
80 3 6

Hi,

 

I'm trying to position the cta button in the middle of the screen (rather than off to the left).

 

Also trying to change the hex code of a specific word within the h2. 

 

Happy to insert code.

 

https://tryy.co.uk/?_ab=0&_fd=0&_sc=1

password - help 

 

Thanks

Screenshot 2024-02-17 at 17.53.11.png

 

 

Accepted Solution (1)
Sweet_Savior_3
Shopify Partner
1070 88 96

This is an accepted solution.

Hello @Jferguson1 

 

Please apply the solution from here it will get center.

https://community.shopify.com/c/shopify-design/increase-length-of-text-box/td-p/2448747

 

Thanks

 

Please don't forget to like and accept the solution to help other store owners.

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!

View solution in original post

Replies 6 (6)

Sweet_Savior_3
Shopify Partner
1070 88 96

Hello @Jferguson1 

 

Please paste the css in base.css file.

@media only screen and (max-width: 749px) {
body .image-with-text__content .image-with-text__text + .button {
margin: 3rem auto 2rem;
}
}

OUTPUT:

Sweet_Savior_3_0-1708194008873.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
Jferguson1
Explorer
80 3 6

thanks,

 

that has moved it towards the centre, but its not quite centred - what can i do to alter the code to position it perfectly.

 

thanks

Sweet_Savior_3
Shopify Partner
1070 88 96

This is an accepted solution.

Hello @Jferguson1 

 

Please apply the solution from here it will get center.

https://community.shopify.com/c/shopify-design/increase-length-of-text-box/td-p/2448747

 

Thanks

 

Please don't forget to like and accept the solution to help other store owners.

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
dreamtechzone_5
Shopify Partner
173 1 21

Hello Sweet_Savior_3

I am using the Shopify dawn theme. I want to keep the size of the social icons in the footer section of my website the same. The size of the LinkedIn icon seems large to me. LinkedIn icon must be made smaller, as it is higher and wider than the others. Also, the icon of LinkedIn can be made a little thinner? Please help me. Thank you.

Store: https://dream-tech-zone.myshopify.com/

Password: Admin

Screenshot 2024-02-17 233131.png

Sweet_Savior_3
Shopify Partner
1070 88 96

Hello @dreamtechzone_5 

 

Look for icon-linkedin.liquid file in your theme and replace the SVG code with the given SVG code:

<svg class="icon icon-linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 0h24v24H0z" fill="none"></path><path fill-rule="nonzero" d="M6.94 5a2 2 0 1 1-4-.002 2 2 0 0 1 4 .002zM7 8.48H3V21h4V8.48zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91l.04-1.68z" fill="currentColor"></path></g></svg>

 OUTPUT:

Sweet_Savior_3_0-1708196651395.png

 

Thanks

Don't forget to like and accept the solution to help others store owners.
Looking for an expert or Have any queries ? Send query to the Inbox
Coffee Tip ? Pay to shopify.dev.34@gmail.com
From Less To Further !!!
dreamtechzone_5
Shopify Partner
173 1 21

It worked. Thank you so much.