Remove the hover "View"

Hi i would like to know if there is a way to remove the hoover effect "View" from the product category etc.

I don't have a live website right now but i haven't done any big changes to the template i just want to remove this.

Thanks in advance.

On the homepage only, or maybe in any other places too?

Hi, thank you for the reply.
Actually i would like to remove it everywhere where is the VM component not for the GK module.

Ok, now I'm confused. Could you please create a screenshot of this "view" overlay on your page or on our demo and post an url to this place?

You can see here VM Front Page http://smartfarm.e-exelixi.gr/index.php/test-a the View hover,
Although it's already disabled in the category view as you can see here http://smartfarm.e-exelixi.gr/index.php/proionta

Also i have spotted a small bug , if you go to the cart page the main menu doesn't work
http://smartfarm.e-exelixi.gr/index.php/test-a/cart


I have this code in my override.css


/*
#------------------------------------------------------------------------
# Store Box - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */


div.browse-view div.product a.product-overlay {display: none;}

.category-view div.category div.spacer {text-align: center; position: relative;}

#gkMainMenu {
float: none;
}

.gkMenu > ul {
text-align: center;

}

.gkMenu > ul > li {
display: inline-block;
float: none;
font-size: 18px;
text-transform: none;
}


.orderlistcontainer div.title {
float: left;
line-height: 32px;
width: 124px;
}

#product-tabs li {
text-transform: none;
}

.gkPopupWrap h3 {
text-transform: none;
}


#gkSearch #mod-search-searchword {
width: 300px;
}

To remove the "view" overlay:
please edit: /templates/gk_storebox/css/override.css and add at its end:

Code: Select all

.category-view .category .category-overlay > span, .browse-view .product .product-overlay > span, .featured-view .product .product-overlay > span, .latest-view .product .product-overlay > span, .topten-view .product .product-overlay > span, .recent-view .product .product-overlay > span, .productDetails .main-image .product-overlay > span {
    display: none !important;
}


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

As it goes to the menu problem - is your template updated?

Yes it has the latest update.

Have you started from quickstart or standard template installation?

It's a standard template installation would you like to access the admin area?

It seems like either you have strange configuration of VM, or it is not updated.
It loads two files:
http://smartfarm.e-exelixi.gr/component ... chosen.css
http://smartfarm.e-exelixi.gr/component ... acebox.css
which just shouldn't be loaded in the frontend. And that is a direct cause of the problem.