-
-
In the page of the single portfolio, I’m using buttons, with shotcode:
[shortcode_button type = "gradient" align = "left" target = "_ blank" link = "https://www.palestradellascrittura.it:8181/pdf/centopagine/Due_Orecchie_una_bocca_-_indice__cover.pdf" color = "# ffffff" bg_color_hover = "#ffffff" bordercolor = "# 696763" bordercolor_hover = "# e2001a" icon = "none" font_color = "# 696763" font_color_hover = "# e2001a"] Download the book index [/ shortcode_button]
visible in the destar column, at the bottom
https://www.palestradellascrittura.it:8181/centopagine/due-orecchie-una-bocca/
three questions:
1. I have indicated as bordercolor_hover = “# e2001a” but it remains of the base color, it does not change, I would like the mouse over to change, become # e2001a like the text;
2. I wish they had 10px of vertical distance, to have a small distance and not keep them, as now, attacked.
3. How to get are as wide as the column?Thanks a lot and best regards. Bruno
-
Hello,
1. Add the css code below into Customizing > Additional CSS:
.button #cl1175392411:hover{ border-color: #e2001a; }
2. Add the css code below:
.wpb_content_element.button{ padding-top: 10px; }
3. Add the css code below:
.button .gradient{ width: 210px; }
Let us know.
Best regards! -
Hello Medrit. Very well for 2 and 3, but not for 1
.button #cl1175392411:hover{ border-color: #e2001a; }
the border color on mouse over don’t change, it remains the same
https://www.palestradellascrittura.it:8181/centopagine/due-orecchie-una-bocca/
also I use !IMPORTANT
border-color: #e2001a !important;
-
Hello,
Yes you are right. Please add the css code below:
.button .gradient:hover { border-color: #e2001a !important; }
Best regards!
-
Yes Medrit, this is good ^__^ Thanks a lot and best regards. Bruno
-
You must be logged in to reply to this topic.