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

Shopify Discussion
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
Screenshot 2023-03-27 001534.png1855×254 27.9 KB

2

Hi @Howie_C ,

Can you share your store url

3

www.thatinventions.com thanks!

4

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;}
5

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

6

Hi @Howie_C ,

Add the code in base.css file

7

There is no such file.