I need help reducing the space between elements in the multicolumn section of the dawn 2.0 theme, can’t figure out how to do it, here are a few images for reference. In order to view the section you need to inspect it because it’s hidden on desktop, only for mobile view. the store URL is www.vellatore.com
your image is a perfect size but this is some space on all sides (left, right, top, and bottom)please remove the image space and then upload
can you please upload this image then save
@vellatore
you need to reduce image size
hello @shubhamSharma , the problem with that is that the images are way to big now. look:
Hello @Ujjaval , you mean reduce the upload image pixels? or edit the size with code? is there a way a could simply move all to the left and reduce that space? thank you
@vellatore upload image pixel size.
please upload image
then add this CSS
- Go to your Store > Theme > click to edit code.
- find this file " base.css" and open.
- Paste the code at the end of the file.
.media.media--transparent.media--adapt {
width: 60%;
padding: 15px;
}
this idea helps you
hello @shubhamSharma That is not reducing the space and its also changing other categories
@Ujjaval Okay, I changed it.
What is the next step? @Ujjaval thank you in advance
@vellatore
Add below css into base.css file
@media screen and (max-width: 749px)
{
.multicolumn.background-none .slider.slider--mobile {
margin-bottom: 0rem !important;
gap: 42px;
}
}
So it will be look like below image
Is it possible to maintain the size? That is way too big, just like I had it before? Thank you @Ujjaval
@vellatore
You can manage the things using below inline css
Still have the same issue, the gap between is too big, I changed the image again to the original, the other is not looking good. ;( @Ujjaval
@vellatore
Did you try to manage from here in customization section ?
Hi again, @Ujjaval I did that in the first place, I have managed to move it just a bit with a change in the padding, but it is still not the result I want. I will be happy to hear more new answers. Here is what I changed, from 1.5 to 0.
@vellatore
Can you try below image
@Ujjaval Okay, already upload it! background is not transparent
@vellatore
Try below one
Hi @Ujjaval already uploaded it!