Support Forum

Hi Ivo,
I have a problem with j2 store categories module in Home page: the categories are displayed in a list and not inline (see attachment)
I copy/paste this code in my custom.scss file, but it didn't work.

// My Products Categories

.j2store-categories-module {
padding-top: 30px

.j2store-categories-module li {
display: inline-block;
list-style: outside none none;
padding: 0 20px;
width: 33%

.j2store-categories-module li img {
height: auto;
width: 100%;
max-width: 100%;
border: 1px solid #eeeeee;
opacity: 1;
transition: all 0.3s ease 0s

.j2store-categories-module li h4 {
margin-top: 20px

.j2store-categories-module li h4 a {
transition: all 0.3s ease 0s;
color: #333333;
font-weight: 600

.j2store-categories-module li h4 a:hover {
text-decoration: none

@media (max-width:768px) {
.j2store-categories-module li {
width: 100%

.j2store-categories-module li:hover img {
opacity: 1

.j2store-categories-module li:hover h4 a {
color: #25802e

Also I have the import "dependencies"; rule in my custom.scss and recompiled the Base Outline of template.
I tried to delete the browser, joomla and gantry cache, with no success. If you use Firebug you'll see that the custom file is not read.
What else can I try??
Responses (1)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!