Hello everyone,
i hope you can help me with this one here. So essentially i got this Site here:
https://top-wp.de/
I use Icon Boxes for my Home Page, in two different colors (violett for WP Plugins and red for WP Themes).
My issues:
1. When I hover over the box, the border-color transitions to a darker grey, I want it to transition to #533483 for these Boxes:
Screenshot 1:
2. I want the border-color to transition to red (#E94560) when I hover over these Icon boxes:
Screenshot 2:
I really hope you can help me here folks, thank you in advance!
Hello!
1. You can change that color when you edit the page with the TagDiv Composer, click on the element: https://prnt.sc/UcHwrumzOwiY
2. Scroll and click on the red icons and change the hover color.
Thank you!
Hello!
Set the border size, a white color in the first box and the color you need in the second box: https://prnt.sc/keLZy4uLUIvj
Thank you!
Again, this doesn’t work and I know why, this just styles the ICON BORDER,
I WANT THE WHOLE ICON BOX TO HAVE A PURPLE BORDER-COLOR ON HOVER:
As you can see, this gives the icon a border, the border of the white box surrounding it, still stays the same.
THIS is how it should look like on hover:
Hello!
Oh, sorry! You can set it from here: https://prnt.sc/PxAsXWxal97K
Unfortunately, we do not have a setting for hover.
Thank you!
Alright, thank you for that, that at least makes it violet.
Still, on hover it’s getting gray again, so there somewhere has to be a css hover transition effect for the border-color. I would want to change that, with css. I just don’t know where and how to address this class. Could you help me with that? If not, maybe some other members here have an answer.
Hello!
You should add a class for each icon (type 1 and 2). Each red icon should have this class: https://prnt.sc/e1aOfKM60Oci and each violet icon should have this class: https://prnt.sc/ySq2QiD-lpvU
Add this code in the live CSS:
.icon-test1:hover{border-width:2px; border-color:red; border-style:solid;}
.icon2:hover{border-width:2px; border-color:violet; border-style:solid;}
Thank you!
