still looking for a solution to this... is there anyway to set a general condition.. .that if any products are viewed or if any categories are viewed, then the #menu-item-278 will be highlighted with the styling as below ? :

#menu-item-278 {
font-color:white !important;
background-color: #ededed;
border-style: solid;
border-color:orange;
border-bottom-color: #d9d9d9;
border-width:2px;
}

Hi Rikard,

It seems to work.. however, it ends up putting boxes around each sub menu…
so.. now “Cart” , “My Account” , “Terms”, and “Cart” are all boxed in as well… and the color is changed for each of those submenus as well… so it kind of looks like a new menu.

Is there a way to just apply the style only to the top level menu.. .. in this case “Shop” ?

Thanks again !…. I ended up combining information from both to get exactly what I wanted… I ended up using the percentage values so it would be more accurate for what I wanted… just to share with others ,

the following will add a black overlay on the bottom 1/3 of the image (can adjust to your liking) … and allow text to be shown more clearly… this is good when using images as buttons / connected to other links … hope this is helpful for others :

.av-image-caption-overlay {
    background: rgba(10,5,5,0.2);
    height: 33% !important;
    top: 67% !important;
}

thank you !

It worked in a way… but

1) the caption part needs to be adjusted… because now it is floating inside the picture and a little to the left

2) is there a way to put the caption underneath the picture …. and have a thicker border at the bottom…. so… for example :
5px on left, 5px on right, 5px on top … and 30 px on bottom…. and… in the bottom area… the caption will go in white ?

Hi… i had the page originally saved as an unpublished draft… but.. it is published now…

Look for “Test Gallery” under the “wheels” menu

thanks !