The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

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??
Attachments:
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!