FROM CACHE - en_header

Two Layout issues with Dawn Theme

bbrymer
New Member
5 0 0

Hi! I'm having trouble finding solution to two layout issues I'm having with the Dawn theme on this site:

 

https://grand-circuit-products.myshopify.com

 

1. Size of the images in the multicolumn. I'd like them larger but can't find the code to do so.

 

2. Increase padding in the columns in the footer, especially between columns one and two. 

 

Any help is great appreciated. 

Replies 4 (4)
Denishamakwana
Astronaut
1087 143 180

Please add below css in bottom of assets/base.css file

@media screen and (min-width: 750px)
.footer .grid {
          column-gap25px;
}
Size of the images in the multicolumn (Please provide screen shot you want image larger)
Thank you.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
bbrymer
New Member
5 0 0

Thanks for the reply. 

 
I’ve added the code to base.css but the padding in the footer didn’t change. 
 
Here is a screen shot of the section with the images I'd like to be able to resize larger. Screen Shot 2022-05-16 at 7.51.57 AM.png
Denishamakwana
Astronaut
1087 143 180

Please try this:

Please add below css in bottom of assets/base.css file

@media screen and (min-width: 750px)
.footer .grid {
column-gap: 25px !important;
}
.multicolumn-card .multicolumn-card__image-wrapper {
width: 100%;
}

Thank you.

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
bbrymer
New Member
5 0 0

Thanks Denishamakwana, appreciate your help.

 

Unfortunately neither the image sizes nor the gap in the footer increased. Not sure what the right answer is but I thank you for your assistance.