How can I center a CTA button and change a word's hex code?

[Jferguson1]

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

[Sweet_Savior_3]

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:

Thanks

[Jferguson1]

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

[dreamtechzone_5]

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

[Sweet_Savior_3]

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.

[Sweet_Savior_3]

Hello @dreamtechzone_5

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

OUTPUT:

Thanks

[dreamtechzone_5]

It worked. Thank you so much.