I den här guiden lär du dig hur man skapar en CTA(Call To Action) knapp i Divi’s huvudmenyn. En stark CTA knapp på varje undersida can vara ett världigt kraftfullt sätt att får mer engagemang från dina besökare.

Steg för steg guide

Först behöver du lägga till en CSS class till menyknappen du vill anväönda som knapp. Från WordPress adminsida så navigera till Appearance < Menus och lägg till CSS class cta_menu till menyknappen.

”Stor bild”

Om du inte ser class fältet så behöver du aktivera så den syns. Gå till screen options längst upp till höger och klicka i CSS classes.

Steg 2

Lägg till följande CSS kod i Divi > Theme options > CSS classes

/* ##### CALL TO ACTION MENU BUTTON ##### */
@media only screen and ( min-width: 981px ) {
.cta_menu a {
background-color: #2eb243;
padding: 15px 25px !important;
border-radius: 25px;
text-transform: uppercase;
color: #fff !important;
box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.1);
}

.et-fixed-header #top-menu .cta_menu a {
color: #fff !important;
}}

För att byta bakgrundsfärg byter du bara ut färgkoden i:
background-color: #2eb243;
För att byta texten färg byter du bara ut färgkoden i:
color: #fff !important;