Hello, i have read the other post about implementing icons to the collapsible block title, but i can't figure out how,, i tried to paste the code directly into bluemarine's css file but that didn't work, anyway that's not my main question.. my concern lies in changing just the pointer when a user hovers over it... can you tell me how? yes i am quite illiterate in css... thanks in advance

Comments

silviogutierrez’s picture

Look at the source of the page, and see what the block titles are under. They should be under something like "block top", "block title", or similar. Once you find this, if it's under the "class" attribute, just add
.CLASS { cursor: pointer;} and you should be set. Replace CLASS with whatever you find that's common to all block titles.

Silvio

pnlnl’s picture

thanks for your reply but...
i tried to something, but it is not completely working,
if the blocks are collapsed when the page is loaded the pointer isn't being used but the usual text cursor, and even if the pointer works, when the user collapses the block, he will get then the text cursor back again....

here's what i found

.block, .box {
padding: 0 0 1.5em 0;
}
.block {
border-bottom: 1px solid #bbb;
padding-bottom: 0.75em;
margin-bottom: 1.5em;
}
.block .title {
margin-bottom: .25em;
}

and here's what i made

.block, .box {
padding: 0 0 1.5em 0;
}
.block {
border-bottom: 1px solid #bbb;
padding-bottom: 0.75em;
margin-bottom: 1.5em;
}
.block .title {
margin-bottom: .25em;
cursor: pointer; /*THE MODIFICATION I MADE */
}

SO WHAT SHOULD I ADD NEXT?

ps: i guess i didn't understand or figure out what you mean by common class

silviogutierrez’s picture

Link me to your site and I'll give you the CSS.

Silvio

pnlnl’s picture

okay here's the LINK
edit: any progress? or do you need access to something else to accomplish this??

silviogutierrez’s picture

.blockTopOpen, .blockTop {

cursor: pointer;

}

That should do it.

Silvio

pnlnl’s picture

works like a charm, thanks.