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

Howie_C
Tourist
7 0 1

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.

 

Screenshot 2023-03-27 001534.png

Replies 6 (6)

zaczee
Globetrotter
848 46 42

Hi @Howie_C ,

 

Can you share your store url

 

Howie_C
Tourist
7 0 1
zaczee
Globetrotter
848 46 42

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
Tourist
7 0 1

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

zaczee
Globetrotter
848 46 42

Hi @Howie_C ,

 

Add the code in base.css file

 

Howie_C
Tourist
7 0 1

There is no such file.