Where can I change the spacing between modules on the home page (i.e. between slideshow, featured product, best sellers, etc.)
Is there a document somewhere that shows where in the style sheet all of the attributes for product listings, etc. are located.
Is there a document somewhere that shows where in the style sheet all of the attributes for product listings, etc. are located.
In Themes
Share this post:
Accepted Answer
Depending on the config of your browser, site and server there might be several caches to clear before changes are displayed. Also there can be several css classes influencing, so check the inspector carefully, also after the change to see if it's loaded and possibly overridden by something else. Sometimes you might need to add the "!important" to force use of your change/override ( https://www.google.com/search?q=css+!important ).
Anyhow, you should not edit any files directly as they gets overwritten on updates. Instead you should use overrides, like a "custom.css".
A "custom.css" is by the way automatically created by Customizer, when the "Custom Css" field are filed and saved.
Please take a look at the great documentation section, starting with Customizer: https://arastta.org/docs/user-manual/appearance/customizer
- and the override system: https://arastta.org/docs/developers/override-system
- and even the modification system: https://arastta.org/docs/developers/modification-system
Anyhow, you should not edit any files directly as they gets overwritten on updates. Instead you should use overrides, like a "custom.css".
A "custom.css" is by the way automatically created by Customizer, when the "Custom Css" field are filed and saved.
Please take a look at the great documentation section, starting with Customizer: https://arastta.org/docs/user-manual/appearance/customizer
- and the override system: https://arastta.org/docs/developers/override-system
- and even the modification system: https://arastta.org/docs/developers/modification-system
Responses (3)
-
Accepted Answer
That's actually a lot of questions in two short lines ...
Short answer is that you need to learn yourself a few basics if you would like to do such customization yourself, luckily most browser has built in tools (or extensions) available to help you find the right part of code or css. Right click the part you like to inspect, select 'Inspect', and there you go ...
Take a look at some of those https://www.google.com/search?q=browser+inspect+css -
Accepted Answer
-
Accepted Answer
Your Reply
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here.
Register Here »