increase space between each logo on a single row, and enlarge them

[Howie_C]

You would think that the theme editor would allow you to make adjustments but they make it really hard for the newbie. On the latest Parallax 5.3 theme, when I insert 3 logos 600px each per the theme builder's prompt, the logos bunch together on the center of the screen. And they are quite small with a LOT of white space between this row of logos and the sections above and below it, rendering them really difficult to read. 

1. Is there a simple way to at least space these logos out evenly so that they are legible on PC and on mobile?

2. Is there a simple way to reduce this "logo" section so that there's not sooooo much white space above or below this band/section/row whatever you call it? It's taking almost 1/2 of the screen!

This is on the main landing page.

Thanks so much! New to this whole thing. Help. Please.

[zaczee]

Hi @Howie_C ,

Can you share your store url

[Howie_C]

www.thatinventions.com thanks!

[zaczee]

Hi @Howie_C ,

Add this CSS code
Online Store > Themes > Edit code > Assets > custom.css or theme.css

.logo-bar { display: flex;
    place-content: space-evenly;}

[Howie_C]

Thanks for the reply! There is only theme.liquid and a bunch of liquid and json files. No filename starting with "custom".

[zaczee]

Hi @Howie_C ,

Add the code in base.css file

[Howie_C]

There is no such file.