CSS Issue - MijoShop

Responsive Joomla template for Entertainment and Music purpose with clean and lightweight design.
GK User
Mon Jan 14, 2013 11:56 pm
Hi Guys,

We are using the Music template to create a multi-store restaurant guide community portal, the template is great, however, MijoShop has its own category/product css layout and it seems that the gk_music css is overriding the css of MijoShop, please see the link http://www.mauriresto.com/en/mauritius- ... -sale.html and have a look at the 'Add to Cart' button, the button color is white and the text inside also is white, the button is suppose to be blue (based on MijoShop CSS) and not white, can you please let me know where I can change/update this CSS code/style?
User avatar
Senior Boarder

Konrad M
Tue Jan 15, 2013 8:33 am
Hi,
please try add to override.css
Code: Select all
.box-product input[type="button"] {
background-image: none !mportant;
height: 24px !mportant;
padding: 0px 12px 0px 12px !important;
}

and remember to enable override.css option in template settings.
User avatar

GK User
Wed Jan 16, 2013 10:07 pm
Hi Konrad,

Thanks for the quick reply, I followed your instructions, added the code to override.css located in template css folder, I enable the override css option in the template configuration and even deleted all cache and refresh with Shift+F5 but there is no change, color still white for both text and button!
User avatar
Senior Boarder

Konrad M
Wed Jan 16, 2013 10:55 pm
@mauriresto I checked your site and on home page add cart is blue with white text as you wish.
User avatar

GK User
Wed Jan 16, 2013 11:05 pm
Hi Konrad, thanks for that fast reply, what you see on the website home page is the module and as strange as it can be, the css issue does not affect the module but the component itself, if you have a look on this page http://www.mauriresto.com/en/mauritius- ... s-for-sale you will see that button and text are both still white!
User avatar
Senior Boarder

Konrad M
Thu Jan 17, 2013 9:37 am
Please change my code to this one:
Code: Select all
.box-product input[type="button"],
input[type="button"] {
background-image: none !mportant;
height: 24px !mportant;
padding: 0px 12px 0px 12px !important;
}
User avatar


cron