So don't yell at me... I know how stupid this was of me... But I accidentally overwrote the vm-ltr-site.css from my VirtueMart 3.0.16 install. I had constantly had an issue with the product boxes not being tall enough and used the vm-ltr-site.css file to fix my issue. I could never figure out how to get overrides to work, (I was obviously doing something wrong but couldn't figure it out), so I just modified that file and whenever I'd update VirtueMart, I'd upload that file to fix the box sizing issue. Finally in VirtueMart 3.0.16, the box alignment issue was resolved, so I didn't need to upload my custom file, but I did by mistake out of habit and now I can't get the sizing issue resolved again. Is there any way I can get the original vm-ltr-site.css file somewhere? Any help is appreciated, and understanding is even more appreciated. :P
QuoteSITE INFORMATION
OS Linux b
PHP 5.3.29
MySQLi 5.5.43-0ubuntu0.12.04.1-log
Caching Disabled
GZip Disabled
Joomla! Version 3.5.1
VirtueMart 3.0.16
Hello
Simply unzip the VM 3 archive and look for the vm-ltr-site.css
Upload the file to the site, done.
regards
Jörgen @ Kreativ Fotografi
In future just add your css overrides to your Joomla template.css or create & load a custom.css file
Quote from: jenkinhill on May 10, 2016, 16:27:50 PM
In future just add your css overrides to your Joomla template.css or create & load a custom.css file
This is the part I can't seem to get. I just use the "Protostar" theme; I created inside protostar > css > custom.css and pasted the following code:
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button{
max-width: 100%;
background: #0077B3;
color: #fff;
border: solid #00669a 1px;
border-radius: 4px;
font-size: 16px;
cursor: pointer;
text-align: center;
letter-spacing: 1px;
padding: 12px;
margin-bottom: 0;
}Button colors don't change. If I overwrite that code in vm-ltr-site.css, the button colors change. :-\ Is my custom.css file in the wrong location? I had it named "override.css" as I must've read that somewhere, and got excited when I thought that was the issue, but I've renamed it "custom.css" and it's still not applying any changes. :(
is the file loaded?
if so then just add !important after the rules if they are over written.. use Firebug
In the "head" content, these are the only "stylesheet" references:
<link rel="stylesheet" href="/components/com_virtuemart/assets/css/vm-ltr-common.css?vmver=9204">
<link rel="stylesheet" href="/components/com_virtuemart/assets/css/vm-ltr-site.css?vmver=9204">
<link rel="stylesheet" href="/components/com_virtuemart/assets/css/vm-ltr-site.css?vmver=9204">
<link rel="stylesheet" href="/components/com_virtuemart/assets/css/facebox.css?vmver=9204">
<link rel="stylesheet" href="/templates/protostar/css/template.css">
How do I get the custom.css file to be loaded? Sorry if I'm clueless. ???
I installed "Add Custom CSS" plugin and all is working wonderfully. Thanks guys!!!
If using Protostar, custom CSS file must be named user.css to load automatically. No need for plugin.