Shopify themes, liquid, logos, and UX
Hi there, I have a column on the streamline theme that I'd like to center on desktop - If I could have someone reply to this posting, I can send the product page link. Thank you!
Solved! Go to the solution
This is an accepted solution.
Hello @RySid , I suppose that you want to center the Trustpilot reviews in the center of the screen on the desktop. So, in order to achieve this simply open Customizer and add the below code to the block level CSS in the Customizer or at the top of 'product.liquid' or 'main-product.liquid'.
<style>
.grid.grid--uniform.text-center{
display: flex;
align-items: center;
}
.grid__item.grid-column.medium-up--one-half.appear-delay-1.aos-init.aos-animate {
width: 100%;
}
</style>
It will look like this,
Regards,
Osama Farooqi
Hello @RySid, would you like to share your store URL. So, I can check further
Regards,
Osama Farooqi
This is an accepted solution.
Hello @RySid , I suppose that you want to center the Trustpilot reviews in the center of the screen on the desktop. So, in order to achieve this simply open Customizer and add the below code to the block level CSS in the Customizer or at the top of 'product.liquid' or 'main-product.liquid'.
<style>
.grid.grid--uniform.text-center{
display: flex;
align-items: center;
}
.grid__item.grid-column.medium-up--one-half.appear-delay-1.aos-init.aos-animate {
width: 100%;
}
</style>
It will look like this,
Regards,
Osama Farooqi
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024