Joomla Templates Club 406,261 posts

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#193997

Hi.

I want to change category layout of vm-category module of ja-mixmaz.

I want to put it clear, with white wallpaper, and no hoover. Where I have to go to change it?
I want to see it like attachment.

Thanks

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#519547

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as a link to the page where your issue exists.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#519627

@davidsg3,

You can try workaround below:

– For the background: Open /templates/ja_mixmaz/css/template.css file, then find and modify CSS rule as follows:

div.moduletable.pattern-d {
background-color: white;
color: #fff
}
div.moduletable.pattern-d h3 {
color:black;
}}

– For the hover: Open /templates/ja_mixmaz/css/virtuemart.css file then remove code in red:

.vm-category ul.VMmenu li a {
background:#e31837
box-shadow: 10px 0 0 #e31837, -10px 0 0 #e31837
-moz-box-shadow: 10px 0 0 #e31837, -10px 0 0 #e31837
-webkit-box-shadow: 10px 0 0 #e31837, -10px 0 0 #e31837
color: #000
display:inline;
font-family: 'novecento_wide_bookregular';
font-size:1.5em;
font-weight:bold;
line-height:1.7em;
padding: 5px 0px;
text-shadow:none;
}
.vm-category ul.VMmenu li a:hover,
.vm-category ul.VMmenu li a:focus,
.vm-category ul.VMmenu li a:active,
.vm-category ul.VMmenu li.VmOpen a {
background:#fff
box-shadow: 10px 0px 0px 0px #fff, -10px 0px 0px 0px #fff
-moz-box-shadow: 10px 0px 0px 0px #fff, -10px 0px 0px 0px #fff
-webkit-box-shadow: 10px 0px 0px 0px #fff, -10px 0px 0px 0px #fff
color:#e31837
}

You should see as this screenshort:

Let me know if this helps.

In case the problem still remains, please send me the URL your site so that I can help you out.

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. davidsg3

[davidsg3 Friend davidsg3Join date: October 2010Posts: 144Downloads:0Uploads:44 Thanks: 22 Thanked: 3 times in 1 posts]

#520346

Hi Guys.

Thank you both replies.

With the last reply, I proceed as nazario A says. I have a result, but only one thing must be changed.

I have a hoover effect in the first step.

You can show it in http://www.vinilsimes.com. In the firts category selection we have a hoover effect, but not in the following steps.

How can we modify it?

Oh one more thing: can we use the same wallpaper of search module for the category module? Now it changed to a pure white and it seems it broke the colour with the rest.

Thanks very much

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#521059

@davidsg3,

In the post #1:
<blockquote>I want to put it clear, with white wallpaper, and no hoover. Where I have to go to change it?</blockquote>
You want “no hoover” that I guide you in the post #3. If now you want to have the hover effect, you need to add the red code were removed (see the post #3)

<blockquote>Oh one more thing: can we use the same wallpaper of search module for the category module? Now it changed to a pure white and it seems it broke the colour with the rest.</blockquote>

Yes. Open /templates/ja_mixmaz/css/template.css file, then find and modify CSS rule as follows:

div.moduletable.pattern-d {
background: transparent;
color: #fff
}

Let me know if this help

[Author]

Posts