how can i add a hover color for block titles

Posted in: Newspaper
Post count: 555

I want to have a hover color for my blocks title sitewide,how can i make this happen please..also remove that line under each title

Post count: 6600

Hi,

Remove the settings for the header text color from block editing panel and use this custom css to change the color on hover as you like: http://screencast.com/t/A7vjWDVoaG

.block-title, .td_title_style_1 {
border-bottom: none;
}

.block-title a:hover {
color: blue !important;
opacity: 0.5 !important;
}

Thanks

Post count: 555

Not that @Lucian i mean the title font for the blocks

Post count: 6600

Hi,

Sorry about that, I tooth different, the ones I targeted are the block titles actually, use this css instead: http://screencast.com/t/7OxjnnAIjc

.td_mod_wrap .entry-title a:hover {
color: blue;
text-decoration: none!important;
}

Thanks

Post count: 555

ur awesome,it work great thx @Lucian

Can i make the rss widget and block 5 on the side title hover as well

Post count: 6600

Hi,

You can use this custom css: http://screencast.com/t/SLurkYDm8D0d
For the “upcoming releases” block tough you need to edit the block and remove the color set for the block title, after this you can use the following css to change the hover color for that block also:

.widget_rss .block-title span a:hover {
text-decoration: none !important;
color: blue;
}

.widget_rss .block-title, .span4 .td_block5 .block-title  {
border-bottom: none;
}

.td-grid-wrap .span4 .td_block5 .block-title a:hover {
text-decoration: none !important;
color: blue !important;
}

Thanks

Post count: 555

There is one little problem,when i remove the color from the block text,it go back to default color and after i use the code you give me here my block 5 title is not the same color as my widget color “900000” it show the default color black…the hover is working fine on block 5 it’s just the color is not matching the rest of my titles that is 900000 before the hover color…

Post count: 6600

Hi,

If the color is set using the block settings panel then it will be added as an inline style so it can’t be overwritten. If you remove that setting you can use css to change the color of it as you like:
Remove the color set from block settings and use this css to change the color back to that color:

.td-grid-wrap .span4 .td_block5 .block-title a {
color:#900000 !important;
}

Should work like it dose for the rss widget which it doesn’t have any inline style added! http://screencast.com/t/LY5tTZCtS

Thanks

Post count: 555

Now that work perfect,thx again for the awesome support you give..

Viewing 9 posts - 1 through 9 (of 9 total)
You must be logged in to reply to this topic.