J2store shop with Grill template

Dear support,

I have created a shopping cart with J2Store on top of Grill template.
All looks good, however I am not able to change the following settings:
- products are displayed one next each other, no space is left, at least in the vertical axis (see in the attached picture the first three products are just overlapping with the search box)
- I would like to change the size of the title

Do I need to edit the css files or is there a setting in the Grill template?
Can you please help in solving this annyoing layout problem?

In case you want/can see the website: citrolle1.joomla.com/beta-shop.html

many thanks
Telemaco

Hi Telemaco,

i'm just a customer like you, but i think i can offer a few hints.

Follow this link to see where to put the CSS-Code for your custom-styles, how to find the right CSS-Rule ...: customizing a template

The video shows the standard way to customize a color or a font-size in the customizer and the custom css.

The default way is to check the customizer.
The custom.css ist overriting the settings of customizer.

The code you have to insert to the custom.css (path see the video in the link):

Greetings,
Christian

Hi Christian, many thanks for your kind reply.
Indeed it works and I was able also to adjust the space between the add to cart button and the following product.

Now another question. Why in the mobile version the space is not taken into account?

Why do I have to do?

thanks in advance
telemaco

Hi Telemaco,

Now another question. Why in the mobile version the space is not taken into account?

To assign different spaces to the mobile version you have to add media-queries to your custom.css.
I think the space you add to the custom.css is overrwritten by another CSS-rule.
You ca see this in the developer tools: The CSS-rule is s strikethrough.

Greetings,
Christian