Change style

Hello, i need to change the style of some things in the template, i had attached a image where in ponit 1 i need to change the color and width, and in ponit 2 i need to change the solor of the background and the solor os the fonts.

Thanks

Please add this code to override.css file in root/templates/gk_template_name/css directory :

Code: Select all

#gkMainMenu { border-bottom: /* here your new rules for border in menu */; }
#gkTopBar { background: /* new top bar color */; }


and then just remember to enable "Use override CSS" option in template advanced settings tab.

Thank you!
And the style and color of the fonts from the main menu? where do i change that?

Thanks

Hello,

I had made the changes in override, but the line is not centered, how can i make it centered?


Im attaching a image of it


Thank you

Hello, is there any way to do this? thanks!

Right now after this modifications I have to look at your site - could you provide me URL?

Hello, i had make some mistakes so im errasing everything and making a new installation, as soon as i have it ready i will port another message with the URL, thanks

another thing, where can i see the configuration of Virtuemart for the template if i dont want to install the quickstart?

thanks

We provide only settings for modules not for components, we use default VM config with enabled jQuery scripts. We consider adding VirtueMart configuration to our documentation.

Thnaks!,

how can i change the colors of the buttons of Virtuemart in the template? how can change the style of t¿when i put the mouse over a product image and it zooms in, i dont need that effect, thank you

Could you show me on some screenshot which button you want to modify?

Hello,

I had managed to change the style of the "add to cart" button, http://selmar.cl/WEB2014es/nosotros/informacion-general (it is the Green one), now the things i need to change are the following:

- Make all the buttons of the template look like that (same colors)
- Get rid of the zoom style of the thumbs

Thanks

To change style for buttons in whole template you need to overwrite code in joomla.css file :

Code: Select all

button, .button, input.button, span.button, button.button, div.button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, .readon, #gkMainbody .itemReadMore, #gkMainbody .readmore > a, .button.invert:active, .button.invert:focus, .button.invert:hover, .gkShowCart a

To remove hover effect in News Show Pro, please use this code in override.css file :

Code: Select all

.nspArt .nspImageWrapper:hover img {
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
};

Hello,

The colors of the buttons doesnt change overrriding that code and the effect i want to remove is not only for newsshow pro its for all the template, the categories of virtuemart, the products in the list, everything has that zoom and rotate effect.

Thank you!

The selectors provided by me for sure will affect to all button on the website so maybe just override.css file is not loading? Please check whether option use override.css is enabled in your template advanced settings. Did you copy all your custom rules for this button selectors? Where did you place code that I've provided?

Hello,

Maybe i dont know how to use that code you wrote, that code for the button what does it affect? does it give the same effect that the button i have on virtuemart add to cart?
For the image hover effect this is not only for news show pro, its for the whole template, for example the categories in virtuemart has that same effect in the images.

Thanks

Hello,

The code Works fine, the thing is i need to change only the hover effect of all buttons, the "non hover" color is ok

Thanks

Ok, so if you need to change only :hover state you need to apply suffix :hover after every selector

Code: Select all

button:hover, .button:hover, input.button:hover …

… etc

Thank you, now it works perfect, the only thing now is that i cant make the font white on hover, even entering "color: #ffffff;" the fonts still remain black in hover, what should i do to change it to white on hover?

you can see at http://www.selmar.cl/WEB2014es

Thank you

Hello, now everything is ok, i added " !important; " to color and now it works fine.

Thanks for the help!

You have to use !important when the code was in override.css? Usually the override.css is loaded as last stylesheet so it should overwrite all existing rules (of course when they are without !important}