Main Menu Quark...

Hi. You can add a white background to each button on the main menu of Quark. This is because in my case, the use of Background image is colorful and not all buttons are displayed well ... I have seen some technical documentation in place, but I do not see a solution to the menu. Thanks, greetings. René

Hi

Do You mean the background of a button from my screen ? Wouldn't it be a white on white and not visible ? Can You please explain a little better ?

HI. ATTEMPT TO EXPLAIN BETTER IN THE MAIN MENU, FOR EXAMPLE: HOME, SHOP, AND OTHERS: THE BUTTON IS MADE UP OF SIMPLE TEXT, BUT WHEREAS IN SOME PAGES, HE USED AN IMAGE OF BACKGROUND OF DIFFERENT COLORS, NOT ALL buttons DISTINGUISHED OK. FOR THIS REASON I HAVE THE NEED TO ADD POWER, TO EACH BUTTON, WHITE BACKGROUND ... IS POSSIBLE ?. IF YOU PICTURE SENT ME, AND EVERYTHING IS PERFECT. THANKS GREETINGS

Hi

I'm afraid I do not understand. Do You mean to have it like on my screen ?

Code: Select all

button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .btn-border, .btn-thin-border {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #000;
    color: #000 !important;
}


Hi. I made a reproduction graph as I want to see each main menu button ... This is because when using a background image with different colors, not always well see the button text, which compromises the accessibility of the website .. . I sent the attached image. At the moment I have this requirement only to "Home Page" and "Search Page", but would be very useful to change based on each case ... - I've noticed that you already have implemented a similar solution in the Forum GavickPro , please find attached image, this solution that you use in Sub-Menu would be very useful to use me also in my Sub-Menu, specifically in "SHOP", please find attached image. -- Yes, practically my need is almost identical to the image that you send me ... With the difference that I like the color white background Button was slightly transparent, and I would like to choose the border color of the button, based Brand identity to ...*Sorry if not always explain well achievement, communication is complicated ... Thanks, greetings from Italy ...

BOTTON_MENU_1.jpg

MENU-SHOP.jpg

MAINMENU_GAVICKPRO.jpg

Here is a code for menu like button look. Hope I understood You correctly now:

Code: Select all

#gkHeaderNav .gkMainMenu .gkmenu.level0 > li > a {
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid #666;
    margin-left: 7px;
    padding: 5px 15px;
}


Here a code for submenu distinctive when hovered:

Code: Select all

#gkHeaderNav .gkMainMenu .gkmenu li div.childcontent .header a {
    background-color: rgba(0, 0, 0, 0.1);
    margin: 5px 0;
    padding: 10px;
}


Hey, super, everything works well, thank you ... One problem: The fourth button from left to right pricipal menu "SHOP" has the same style as the rest, that is, stayed as it was, it is possible to solve ?, thanks greetings...

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

#gkHeaderNav .gkMainMenu .gkmenu.level0 > li > span
    background-color: rgba(255, 255, 255, 0.5);
    border: 2px solid #8a5aa4;
    margin-left: 7px;
    padding: 5px 15px;
}


Hello, you excuse me, I think not explain well ... I mean the Fourth main menu button, from left to right "CERCA QUI" which does not have the same stilo the rest, stayed as it was before ... I need the "CERCA QUI" button is the same as the rest of the Main Menu ... Thanks, greetings ...

Hi. Thank you. This code works fine:

#gkHeaderNav .gkMainMenu .gkmenu > li > span {
background-color: rgba(255, 255, 255, 0.5);
border: 2px solid #8a5aa4;
margin-left: 7px;
padding: 5px 15px;
}

You gave me answer to this problem in another post ... thanks, perfect, greetings ...

Hi

Ok. Since this is solved. I'm closing this thread.