Change menu style

Ecommerce design Joomla template to start your online business with VirtueMart and additional eshop features.
GK User
Sun Aug 11, 2013 3:05 am
Hello, in joomla 2.5 with this template, if you look on the left side of the main menu (main menu), when this green style, we see that the corners are slightly rounded, but when changing for example the red style corners are perfectly square, and I want you in all the corners are rounded styles are stylish and green. What is the solution?

In my opinion is a failure to be a template that payment should not happen.
User avatar
Fresh Boarder

GK User
Sun Aug 11, 2013 11:01 am
Could You explain it more clearly, because I cant understand what You need.
Also, please post an url to your site.
User avatar
Moderator

GK User
Sun Aug 11, 2013 3:13 pm
If I'm sorry, I have not translated well the translator. What I mean is that? With this template you can choose from three different styles that are green, red and blue has not. As with the green style in the main menu on the left, where you can clearly see Home corners that are slightly rounded menu, but if we change style to green eg those corners are no longer so.

A clear example is in the demo of this template. If you choose the style green and look closely at the main menu where this home, you will see that this in a way and if you change to red or blue style template and you return to set on the same menu you will see it differently.

http://demo.gavick.com/joomla25/yourshop/
User avatar
Fresh Boarder

GK User
Mon Aug 12, 2013 5:05 pm
Ok, thanks for the bug raport. I have reported that to our dev team.
User avatar
Moderator

GK User
Mon Aug 12, 2013 8:21 pm
It can be quickly fixed with this css lines:
Please edit: /templates/gk_yourshop/css/override.css and add at its end:
Code: Select all
div.gk-menu > ul.level0 {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

div.gk-menu > ul > li.active:first-child > a, div.gk-menu > ul > li:hover:first-child > a, div#gkDropMain > ul > li.active:first-child > a, div#gkDropMain > ul > li:hover:first-child > a {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator


cron