Layered Navigation - Swap the - and + icons around

[morepork]

Hi there,

 

I would like to know how to change the expand and collapse icons in the layered navigation block module around.

 

At the moment, when the list is expanded it shows the + (plus)

When collapsed, it shows the - (minus)

 

To my mind, when expanded, it should be showing the - (as a clue to click on it to collapse)

And when it is collapsed, it should be showing the + (as a clue to click on it to expand)

 

Is it possible to make this change and where/how can it be done please?

[dioniz]

What theme do you have? Is it possible to see your site?

[morepork]

I am using Transformer Responsive Theme. I have sent the URL of our development site by PM.

[dioniz]

Find:

#layered_block_left span.layered_close a, #layered_block_left span.layered_close a {
    background: url("http://transformer.sunnytoo.com/themes/transformer/css/modules/blocklayered/../../../img/icons.png") no-repeat scroll center -36px rgba(0, 0, 0, 0);
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -5000px;
    width: 16px;
}

and change background position from -36px to -116px

 

and find:

#layered_block_left span.closed a {

    background-position: center -116px;
}

and do the opposite.

[morepork]

Terrific, very clever! Thankyou so much.