jak stworzyć wezwanie do działania przycisku dla menu Divi. Czy kiedykolwiek chciałeś, aby umieścić przycisk w menu Divi?
Here’s the CSS I used:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
/*---------------Menu CTA Button---------------*/ .menu-cta { border: 2px solid #ffffff4f; padding: 12px!important; border-radius: 25px; text-align: center;}.menu-cta:hover{ background-color: #8dc63f;}.menu-cta:hover a { color: white!important;}@media only screen and (min-width: 981px) {.menu-cta { height: 42px;}}.et_header_style_left #et-top-navigation { padding-top: 16px;}.et_header_style_left .et-fixed-header #et-top-navigation { padding-top: 8px;}/*---------------Menu CTA Button Mobile Settings---------------*/@media only screen and (max-width: 980px) {.menu-cta { background-color: #8dc63f; padding: 0px!important;}} |
One thing I forgot to mention in the tutorial is that Divi has a hover over transparency, so your button text may fade when hovering over. Be sure to add this in your CSS as well which will keep the opacity at 100%!
|
1
|
#top-menu li a:hover {opacity: 1!important;} |