(SOLVED) how to remove hover pointer on parent category ?

[hamster88]

hi i have removed the link on my parent categories in teh category tree branch,

 

http://www.sophielam.co.uk/index.php    prestashop 1.5.5.

 

I would also like to remove the hover pointer, on teh parent category.

So it doesnt look like it can be clicked on when mouse hovers over it. and remove the underlining.

 

thanks

Edited October 11, 2013 by hamster88 (see edit history)

[vekia]

instead of original use these styles:

#categories_block_left li a {
cursor: inherit;
display: block;
padding: 7px 11px 5px 22px;
color: #333;
background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent;
text-decoration:none;
}

#categories_block_left li ul li a{
cursor:pointer;
display: block;
padding: 7px 11px 5px 22px;
color: #333;
background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}

global.css line 5

[hamster88]

hi is this the are i need to edit ? not 100% sure what to do, i tried but it made all the sub cats without pointer too and still had underline. Sorry dont know how to make the code look nice in the box like you did.

 

************************************************************************************************         CSS Modules ************************************************************************************************ */  /******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/  /*************** Block ADVERTISING ***************/ .advertising_block { width: 191px; margin-bottom: 1em; text-align: center }    /*************** Block CATEGORIES ***************/ #categories_block_left  li {border-bottom:1px dotted #ccc}     #categories_block_left  li.last {    border:none;}         #categories_block_left  li a {             display:block;             padding:7px 11px 5px 22px;             color:#333;             background:url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent         }              #categories_block_left  li ul {margin-left:40px}         #categories_block_left  li ul li {border:none}             #categories_block_left  li ul li a {                 padding-left:0;                 background:none             }          #categories_block_left li .OPEN, #categories_block_left li .CLOSE {     display:block;     float:right;     margin:10px 10px 0;     height:9px;     width:9px;     background:url(../../../modules/blockcategories/img/icon/open-close.png) no-repeat 0 -9px;     cursor:pointer } #categories_block_left li .CLOSE {background-position:0 0}   /* footer */ .blockcategories_footer {     padding:15px 10px; } .blockcategories_footer .category_footer {float:left;clear:none;} .blockcategories_footer ul ul {display:none !important}  

[vekia]

i updated code once again.

 

paste it at the en of global.css file.

#categories_block_left li a {
cursor: inherit;
display: block;
padding: 7px 11px 5px 22px;
color: #333;
background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent;
text-decoration:none;
}

#categories_block_left li ul li a{
cursor:pointer;
display: block;
padding: 7px 11px 5px 22px;
color: #333;
background: url(../../../modules/blockcategories/img/arrow_right_2.png) no-repeat 10px 10px transparent;

}

#categories_block_left li ul li a:hover{
cursor:pointer;
text-decoration:underline;
}

[hamster88]

Thanks

I removed the background code for the arrows on the sub categories.

 

many thanks.

[vekia]

thank you for information that it works and for marking this thread as solved

 

i inspected your website once again, i can confirm, now it works as you expected

problem definitely solved

 

best regards,

Milos