Joomla Templates Club 406,261 posts

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#205968

Hi!

I want to make some css changes for virtuemart and I just can’t seem to find them/understand the best way to change it.
The way I understand it is that the custom.css does not override the virtuemart css.
The override for virtuemart is in /less/extras/com_virtuemart.less, but if I make changes there, they do not seem to transfer to the site. I have made a few changes directly in com_virtuemart.css – although I don’t hink that is a good practice as they will be overwritten once updated – a few of those changes were visible but others didn’t work.

To give you an idea of what I want to change: the Back to “category” button on the product details page, on the category overview remove the light gray background behind the products images, change hover color of product title in product overview.

Could you please point me in the right direction where I can make those changes?
Thank you!!!!

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#569095

Hi @sobini,

Please open file root_folder/templates/ja_cagox/css/custom.css and make change as below :

1. To remove the grey background in product category page :

.com_virtuemart #t3-mainbody .vm-product-media-container {
background: none;
}

2. To change the title color of product when hover :

.com_virtuemart #t3-mainbody .category-view .row .spacer h2 > a:hover {
color: blue;
}

3. About the back to category in product detail page, adjust the code below to suite your need :

.com_virtuemart #t3-mainbody a.product-details,
.com_virtuemart #t3-mainbody div.details,
.com_virtuemart #t3-mainbody button.default,
.com_virtuemart #t3-mainbody span.details-button input.details-button {
background-color: #333333;
background-image: none;
border-color: #262626;
border-radius: 0;
color: #ffffff;
font-family: "Montserrat",sans-serif;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
padding: 7.5px 15px;
text-transform: uppercase;
}

1 user says Thank You to Adam M for this useful post

1. sobini

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#570404

Thank you! It worked!

[sobini Friend sobiniJoin date: May 2007Posts: 52Downloads:4Uploads:6 Thanks: 29]

#735470

Thank you! It worked!

[Author]

Posts