Hi, I will like to reduce the size of the logo list on my store. I am using the Focal theme and I have tried to reduce the size but nothing seems to be working. Also, I would like to have a divider above the logo list. I have attached a picture of what the logo list currently looks like for better understanding, I am yet to add all the logos but I have 2 logos there already and they are both of the same size. I will appreciate any assistance on this. Thank you.
Hi @Folake1
Kindly share your website URL and storefront password
password : yuglug
Please add the following CSS code to your assets/theme.css bottom of the file.
.logo-list__item img{
height: auto;
max-width: 100px;
width: 100% !important;
}
Thanks!
Thank you for the assistance but the code did not do what I wanted. I believe I should have been more clear in my question because what I wanted wasn’t to reduce the size of the logos but to reduce the size of the white border in the logo list area which is too large. I have attached a picture of what the area looks like after uploading all the logos, I have also attached a picture of what I will like the logo list area to look like which was from another website. So, if there is a way to reduce the border size, I would really appreciate that.
Try this code
#shopify-section-template--15869063659690__1662622584bbe5b97e header { display: none;}
#shopify-section-template--15869063659690__1662622584bbe5b97e section { margin: 30px 0; }
Thank you so much. The code did the trick, I had to reduce the margin in the code to 20px to get the desired size I wanted tho but it worked. I would also like to add a divider line above the logo list but the code did not do that. Is there a way I can achieve that?