Changing the size of 'Logo list' images in Debut theme

Solved
Highlighted
Tourist
6 0 0

Hi all,

 

I would love to get some help in changing the size of the images shown in the 'Logo list' in Debut theme(Would like them bigger).

I've changed the numbers in this code line in the 'Logo-bar.liquid'

{{ block.settings.image | img_url: '160x160', scale: 2 | img_tag: block.settings.image.alt, 'logo-bar__image' }}

But nothing happens :/

 

Any idea?

Thanks in advance

 

0 Likes
Highlighted

This is an accepted solution.

Hello @Ayazon_Online,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.logo-bar .logo-bar__item {
	max-width: 300px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Tourist
6 0 0

Hi :)

 

Thank you very much... Perfect :)

Have a great day ahead!

0 Likes
Highlighted
New Member
4 0 0

Hey there I would like to change the size of 'Logo list' images in Debut theme a bit smaller and have all 3 my logos the same size. Any help will be awesome and much appreciated.

0 Likes
Highlighted
New Member
4 0 0

Hey there I would like to change the size of 'Logo list' images in Debut theme a bit smaller and have all 3 my logos the same size. Any help will be awesome and much appreciated.

0 Likes
Highlighted

Hello ,

Please share your site url.

So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
4 0 0

I actually managed to get it to the right size for the computer viewing icons, was wonder if I could make it smaller for the "phone view" so it displays the same way on the "phone view" as on the "computer view", have it next to each other and not underneath each other?

 

www.brillrecovery.com

 

password- cheire

 

Thanks a lot.

0 Likes
Highlighted

Hello ,

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){
.logo-bar__item {
    max-width: 80px!important;
    margin: 0!important;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
2 Likes
Highlighted
New Member
4 0 0

Thank you very much for the help, looks awesome, I really appreciate it.

0 Likes
Highlighted
New Member
1 0 0

I've tried both options and neither seems to work... Could it be that it's a different theme and the assets are maybe called something different? Any help would be appreciated. Thanks!

 

Wesbite:piruetas.net

Password: fraquo

0 Likes