Welcome, Guest
Username: Password: Remember me

TOPIC: J2store shop with Grill template

J2store shop with Grill template 1 month 2 days ago #1

  • telemaco.melia@gmail.com
  • telemaco.melia@gmail.com's Avatar
  • Offline
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
Attachments:
The administrator has disabled public write access.

J2store shop with Grill template 1 month 2 days ago #2

  • cg
  • cg's Avatar
  • Online
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):
form#productFilters {
    margin-bottom: 10px; /* space after the filter-buttons */
}
 
 
h2, .uk-h2 {
	font-size: 2em; /* smaller font-size, em->better for scaling */
	line-height: 1.2em;
}

Greetings,
Christian
The administrator has disabled public write access.

J2store shop with Grill template 1 month 2 days ago #3

  • telemaco.melia@gmail.com
  • telemaco.melia@gmail.com's Avatar
  • Offline
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
The administrator has disabled public write access.
The following user(s) said Thank You: joomlaplates

J2store shop with Grill template 1 month 2 days ago #4

  • cg
  • cg's Avatar
  • Online
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
The administrator has disabled public write access.
Moderators: joomlaplates

Einzelnes Theme ( Download 1 Template)

Das sog. "Einzelne Theme" ist für alle Kunden geeignet die lediglich ein (1) Template benötigen, egal ob kommerziell oder privat genutzt. Sie dürfen das erworbene Template auf einer Joomla Installation produktiv nutzen.


Mitgliedschaft ( Download alle Templates)

Während ihrer Mitgliedschaft ist es ihnen erlaubt alle Templates herunter zu laden und unseren Bestimmungen entsprechend zu nutzen. Nach Ablauf der Mitgliedschaft dürfen sie natürlich alle bereits in Nutzung befindlichen Templates weiter einsetzen. Sie haben jedoch nach Ende ihrer Mitgliedschaft keinen Zugriff mehr auf den Download Bereich und keinen Zugriff mehr auf Updates.

Die Zahlung ist einmalig und ihr Membership läuft automatisch aus, sofern sie es nicht erneuern.

Unsere Mitgliedschaften bieten wir ausschließlich über JoomlaPlates.com an.

Jetzt kaufen