Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Info Box Styling

Home / Forums / Ascend Theme / Info Box Styling

This topic is: Resolved
[Resolved]
Posted in: Ascend Theme
July 12, 2018 at 8:19 am

Hi guys, I’ve added some CSS to give the info boxes on my page a rounded edge. I’ve have also added CSS so that when hovered over they have a rounded edge too. However, you can still see the rectangular outline when hovering over the boxes. Have a missed something or is this a “Feature”? 😀
Here’s the CSS
.home-large-infobox-row .kad-info-box {
border-radius: 25px;
border: 1px solid #ededed;
padding: 10px;
box-shadow: 5px 10px 18px #888888;
}
.home-large-infobox-row a:hover .kad-info-box {
border-radius: 25px;
border: 1px solid #999999;
}

The link to my page is (the info boxes are at the bottom of the page

Many thanks for any help
Chris

  • The forum ‘Ascend Theme’ is closed to new topics and replies.