Guy
|
I'm trying to add CSS for a hovered line background color on the sidebar widgets
The following adds the background collor to the hovered text only, any help will be appreciated
Thanks
Guy
.BlockContent-body ul li a:hover
{
background: #555555;
padding:0px 0 0px 12px;
background-image: url('images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}
|
|
Garry
|
You may like to post your website URL here so that we can have exact idea of situation
|
|
Guy
|
Sorry for the delay, I missed the reply somehow
That's the theme:
http://my-wp-cms.com/themes/?theme=test1
As you can see the hovered background color in the block content area is only for the text and I'm trying to get it for the entire line,
Like this for example:
http://www.overlooking-the-park.com/DEMO55/
|
|
Garry
|
You should assign background color to following property in hover mode like following:
.BlockContent-body ul li:hover
{
background: #555555;
padding:0px 0 0px 12px;
background-image: url('images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}
|
|
Guy
|
Thanks, it works great
|
|
Garry
|
You can customize your theme even further in hover mode by changing background image and so on
background-image: url('images/BlockContentBullets.png');
|
|
Guy
|
Oh, OK, replace the bullet image with some background image for the entire line, the bullet then need to be inserted into the background image with a color editor ?
|
|
Garry
|
You can simply insert a new image(which you need inserted in your entire line) into your images folder and edit the image name in upper styling rule
|
|
Guy
|
Thanks for your help
|
|