Hi!
i have a collection list, and I want to center the images, currently they are on the left side, i’m using the dawn template
Hi @commondose
Can you share with me the page url..
of course is commondose.mx 
Hi @commondose
I’m Richard Nguyen from PageFly- Free Landing Page Builder
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file
@media screen and (min-width: 990px)
.grid–4-col-desktop .grid__item {
max-width: unset !important;
}
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
Hi @commondose
You can try again with this code.
Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag
.grid__item { max-width: unset !important; }Please refer to this screenshot: https://prnt.sc/lZqoj5Y5QFMA
Or:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file
.grid__item {
max-width: unset !important;
}
1 Like
Hello @commondose ,
To fix this issue you need to add a custom CSS code in your base.css file,
Follow these below provided steps to add a custom code:
Go to Online store > Theme > Edit code
You will see base.css file in the Assets folder
Open the file and add the below provided
.collection .contains-card {
justify-content: center;
}
Hope it helps, let us know if you need more help.
All the best,
CedCommerce
Hi! it won`t work either 
it worked! thank you so much
Also you could help me with the other 2 issues i have? URL commondose.mx
I want to center my first featured list the “new arrivals” and i want to change the color of the text on the second featured list the one called “top picks” to this one: #e8e3d1
Hi @commondose
I’m Richard Nguyen from PageFly- Free Landing Page Builder
I’m very sorry that I missed your message.
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width{ justify-content: center !important; display: flex !important; } .title.h0{ color: #e8e3d1 !important; }Please refer to this screenshot: https://prnt.sc/lZqoj5Y5QFMA
If this code does not work in the theme.liquid file you can also try adding it to the base.css file.
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
it worked! on base.css thank you so much!!! but only for the title, and i wish to change all the text on that featured list, do you have any recommendations?
Hi @commondose
You can try with this code.
Follow this:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file
.title.h0, .card__heading, .price, .button.button–secondary {
color: #e8e3d1 !important;
}
If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.
Best regards,
Richard | PageFly
Thank you!!!