How-to style block 6

Posted in: Newspaper
Post count: 555
Steven
#28584
Nov 26, 2014 at 12:51 pm

I’ll like a css code to style my block 6 “READ MORE BOTTOM” i need to have a hover color also removed that line under the word,in version 5 that you guys working on please removed those lines it seem no one like them and it make the site clutter..

Also i need a css code to have a hover color for my breadcrumb category in post..

Post count: 6600
Lucian
#28613
Nov 26, 2014 at 2:49 pm

Hi,

Please use this for read more box background color and hover: http://screencast.com/t/iSXdrzoNxB

.td_mod9 .more-link-wrap a:hover {
text-decoration: none !important;
}

.td_mod9 .more-link-wrap, .td_read_more {
background-color: green !important;
}

For the breadcrumbs use this one: http://screencast.com/t/gB4AKJeVdA1

.single .entry-crumbs a:hover {
color: red!important;
}

Please note that you can’t target just the category part of the breadcrumbs as all breadcrumbs have the same classes. We will consider about removing the underline on hover by default in future versions.
Thanks for your suggestion!
Hope this helps!

Thanks

Post count: 555
Steven
#28619
Nov 26, 2014 at 3:01 pm

That’s not what i want for block 6 style you’ve change the color,i want to keep my color #af0f0f and want the hover color to be #008000 with out the line…

  • This reply was modified 11 years by Steven.
Post count: 6600
Lucian
#28745
Nov 27, 2014 at 9:07 am

Hi,

Use it like this: http://screencast.com/t/667eocQANq8

.td_mod9 .more-link-wrap a:hover {
text-decoration: none !important;
}

.td_mod9 .more-link-wrap{
background-color: #af0f0f !important;
}

.td_mod9 div.td_read_more:hover {
background-color: #008000 !important;
}

Thanks

Post count: 555
Steven
#28772
Nov 27, 2014 at 12:09 pm

thanx…

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.