Hi there, getting to the final configurations of my first virtuemart shop. www.veloxracing.com
I have a few buttons where the text doesn't show, it's there but the colour is the same as the background, if I highlight them then the text is show, it was like this right out of the box install with the simplicity II theme, strange thing is it is not all buttons, anyone know what I need to change to make the text in these buttons visible please ?
(http://i1184.photobucket.com/albums/z329/bienvenum/Capture1.png)
(http://i1184.photobucket.com/albums/z329/bienvenum/Capture2.png)
(http://i1184.photobucket.com/albums/z329/bienvenum/Capture3.png)
(http://i1184.photobucket.com/albums/z329/bienvenum/Capture4.png)
Any help appreciated
Mike
Actually had a look at this again this morning at work, in google chrome inpecting the element, if I turn off the following a green backgroun image is displayed
background: url(../images/button-bg.gif) repeat-x 0 100%;
So then looking at the other buttons like cancel, if I turn off the that element a green backgroun appears on that.
Help, I have no idea why turning off that element would make the image appear ????
Anyway does anyone know how I can fix this, it is the only thing stopping my website being fully functional and people buying stuff !
Thanks in advance for taking a look and helping if you can.
Mike
This is what I mean, if I disable the code element in Google Chrome the green button appears, just don't understand how to change the code to make the button show all the time, even just changing the text to a different (visable) colour would do right now just to get the site functional so orders can be placed.
(http://i1184.photobucket.com/albums/z329/bienvenum/Capture6.png)
(http://i1184.photobucket.com/albums/z329/bienvenum/Capture5.png)
Hope someone can help.
Mike
Hello,
Your problem comes from your joomla.css line 53 that you already mention, overrides the button and place a background image.
You can comment that line inside your joomla.css background-image: url("../images/button-bg.gif");
but if you don't want to break your template you could make an override to the default virtuemart css file (vmsite-ltr.css) and add the following line, to change the text color because is white:
text-color: #777777;
btw, you have compress your css files and i am not able to tell you the exact line, but using firebug you can resolve it easy.
Template overrides: http://forum.virtuemart.net/index.php?topic=98505.0
Using Firebug: http://forum.virtuemart.net/index.php?topic=102850.0
PS: Not a VM issue, a design issue with your joomla template.
Regards
Hi bytelord, thanks for the help.
I took the first option of commenting out the image that was masking the green image and it is fine, nothing else seems to have been affected in the template.
However one thing that seems to of happened when I turned off the VirtueMart Activate Css Styles & Javascripts
Using the VirtueMart CSS tickbox is that when you go in to the shop now the items are all listed in a vertical manner rather than 3 horizontal categories that I had before hitting that button.
I have turned the tickbox back on, but the main shop landing page is still listed as 1 column rather than one horizontal row.
Do you know what could of caused that and how I can revert it.
Sorry to be a pain but although I am loving virtuemart I am very new to it so still finding my feet with it.
Mike
P.S. Ignore me, it seems to take a very long time for Joomla/VirtueMart to remember it's settings have changed, I have just come back to my machine after 45 minutes and the shop categories are now looking how it should do - horizontal. Strange it would take so long to pick up any changed settings.
Thanks again for your help ByteLord
Hello,
Didn't understand you clearly what exactly you mean, sorry. Can you explain it better or give a screenshot with your issue...
Regards
Bytelord, Ignore me, it seems to take a very long time for Joomla/VirtueMart to remember it's settings have changed, I have just come back to my machine after 45 minutes and the shop categories are now looking how it should do - horizontal. Strange it would take so long to pick up any changed settings.
Thanks again for your help ByteLord much appreciated.
Mike
ok :)
Just remember when you are changing layout/templates or similar always clean your browser cache :)
Regards