Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • September 25, 2014 at 2:05 am #44704
    Eric
    Member

    Hi,

    I changed the hovering on the main menu of my website with
    -moz-border-radius: 7px 0px 7px 0px;
    border-radius: 7px 0px 7px 0px;

    I would like to appply the same CSS for the widget area with most recent posts. Where can I find that in your style.css (of any other place)?

    Thank you very much!

    Eric

    September 25, 2014 at 3:18 pm #44776
    Sakin
    Keymaster

    @Eric: For recent post widget areas, you can add the following css. But your widgets doesn’t have background color and you will not see the border-radius effect. So, in the following css I have added background color as well. 

    .widget_recent_entries {
	background-color: #de0072;
	border-radius: 7px 0;
	-moz-border-radius: 7px 0;
	-webkit-border-radius: 7px 0;
}
    September 25, 2014 at 5:17 pm #44789
    Eric
    Member

    @Sakin

    I tried the css, but then all widget items do have the same background-color as one block, not per entry / per blog post (which I need, sorry that I was not precise enough)

    In Chrome the border radius doesn’t work (in Chrome). In Firefox it does.

    Additionally: can I use this css for the optional sidebar / custom menu widget?

    Eric

    September 25, 2014 at 11:27 pm #44825
    Sakin
    Keymaster

    @Eric: Sorry not sure what you mean?

    September 26, 2014 at 2:35 am #44846
    Eric
    Member

    Hi Sakin,

    Sorry to be fuzzy.

    I have a menu of three items places in a widget in the left sidebar.
    I would like to hover all three items separately.

    The .widget_recent_entries colors the entire widget area, but not the items.

    (likewise the main menu items separately can be hovered).

    Eric

    September 27, 2014 at 1:41 am #44929
    Sakin
    Keymaster

    @Eric: For items inside recent post, you can add the following css.

    /* For default recent post links */
.widget-area .widget_recent_entries.widget a {
	background-color: #de0072;
}
/* For Hover */
.widget-area .widget_recent_entries.widget a:hover {
	background-color: #de0072;
}
    September 29, 2014 at 2:33 pm #45056
    Eric
    Member

    Works perfect. Thank you Sakin!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘change hovering’ is closed to new replies.