Centre buy button to middle

Solved
Highlighted
Tourist
11 0 1

Hi,

 

Please could anyone tell me what code I need to use to align my 'buy' button on Eco Artist - Make Up Lessons - Masterclass blog post?

https://www.lagoonbeauty.co.uk/blogs/makeup-masterclasses/makeup-masterclasses-with-lagoon-beauty

The password is lagooncomingsoon

Also how to reduce the white padding at the top on that blog page only?

0 Likes
Highlighted

Hi,

Please share the screenshot of buy button

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
80 19 19

This is an accepted solution.

Hi There

If you put this into the source code of the individual blog post it'll remove the whitespace at the top of that blog post in particular and center align the buy button:

 

<style>
	@media only screen and (min-width: 750px) {
	    .main-content {
	        padding-top: 0px;
	    }
	}

	.shopify-buy-frame {
	    margin-left: auto;
	    margin-right: auto;
	}
</style>

 

Just use the View HTML button on the blog post:

2BDigital_0-1600953553030.png

And paste the code above at the very end.

 

0 Likes
Highlighted
Shopify Partner
2733 597 738

@Madsdiamond 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px) {
.template-article .main-content { padding-top: 0px !important;}
.template-article .section-header { margin-bottom: 0px !important;} 
}
.template-article .shopify-buy-frame {display: inline-grid !important; width: 100%; justify-content: center; }

 

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
11 0 1

amazing thank you!

0 Likes