Hi, how can I align all of this content in the middle?
Hello @ecomlegend01 ,
It’s GemPages support team and glad to support you today.
Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?
Best regards,
GemPages Support Team
Hello!
Here’s a code snippet that’ll work:
{% style %}
.productView-product.clearfix {
text-align: center;
}
.productView-price .price {
justify-content: center !important;
}
.product-form__input.product-form__input--dropdown .form__label {
text-align: center;
}
.productView-moreItem .jdgm-widget.jdgm-preview-badge.jdgm-preview-badge--with-link.jdgm--done-setup {
margin-top: 10px;
}
{% endstyle %}
Insert that into your theme.liquid file (online store > themes > click ‘…’ on the theme you want, then ‘edit code’). Insert it at the bottom of the file, right before the ‘’ tag.
Alternatively, you can also use the app Easy Edits to make the edit yourself without touching any code, just click on the elements and set text-align to center, or drag and drop. You can make the edits and delete the app without paying for anything, and keep the edits.
Fair disclaimer, Easy Edits is an app I’ve worked on. If you need any help inserting the code or using the app, just let me know!
Hello @ecomlegend01 ,
It’s GemPages support team and glad to support you today.
I would like to give you a recommendation to support you so kindly follow steps below:
- Go to Online Store > Theme > Edit code of your current theme
-
Open your theme.liquid theme file
-
Paste the below code before
For example,
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Thank you @GemPages , you’re the best
Hello @ecomlegend01 ,
I do appreciate your compliment!
Your kind words have just made my day.
Best regards,
GemPages Support Team