Reduce space between SHOP NOW button and price?

Store Design
1

Oh my featured collection section on my homepage I am wanting the SHOP NOW button to be closer to the price as there is a lot of space. Also, how can I centre these elements? The product name, price & shop now button?

Thankyou.

2

Hey, @web-designer1 .

Thank you for reaching out and posting this question!

I understand that you’re looking to reduce the space between the Shop Now button and prices as well as centering the content. If you’re using a Shopify-supported theme, then this is something that our Theme Support team can help you with. It’s also important to note that your store needs to be subscribed to a plan in order to receive the complimentary design for our Theme Support. While we’re not able to provide account-specific support via the Shopify Community at this time, we’d be happy to continue assisting you through live chat, email, or callback. Please visit the Shopify Help Center and log in to your account to create a support request.

If you’re using a third-party or custom theme, then I’d recommend checking with the theme developer for support with your theme. If the developer doesn’t offer support for customization, then you can considering hiring a developer to assist you with your theme. If you need help finding a developer, then I’d recommend taking a look at our directory of certified developers on Shopify Experts.

Which theme are you using for your store at the moment?

3

Hi there,

My store is currently subscribed to a plan. And the theme is debut theme. thanks

4

Please modify the css like these in theme.css file.

.grid-view-item {
//margin: 0 auto 35px;

}

@media only screen and (min-width: 750px){

.medium-up–one-third {
width: 33.33333%;
text-align: center !important;

}

}

.price {
display: flex;

flex-direction: column;

//align-items: flex-start;

margin-top: 0;

margin-bottom: 0;

}

5

Thankyou so much for your help with this! Although the price is still left aligned.

6

Hi, @web-designer1 .

Thank you for following up!

I’m glad to see that you’re able to reduce the space with some custom coding provided by the community. However, if you’re unable to change the alignment, then this is also something that our Theme Support can help you with. Simply log into your account through the Shopify Help Center and you’ll be prompted to make a search. After completing a search, a button to contact support will appear below the relevant resources generated by the search results.

Would removing the “Powered by Shopify” message from the footer be something that interests you?