Att använda tydliga Call to Action knappar är något som är viktigt. Som jag ser det har våra mässor egentligen två riktigt viktiga Call to Action som jag tycker att, vid möjlighet, bör framhäva så gott vi kan. Den ena är köp av biljetter och den andra är boka monter. Den ena är inför ”planering” av en mässa och den andra är mer i nära anslutning till mässan. Självklart kan knappen användas till vad varje verksamhet kan tänker behöva.
För att lägga in denna lösning så behöver man dels ha en befintlig länk/sida i menyn samt lägga in CSS kod i Additional CSS i anpassa menyn i WP-admin.
Lägga in Custom CSS
Börja med att lägga in css kod i anpassa menyns Additional CSS. Hit hittar man om man följer följande path:
Appearance -> Customize -> Additional CSS
Lägg in följande kod längst ner under övrig kod. Finns det ingen kod är det bara att lägga högst upp.
/* Kopiera nedan */
/* Denna kod stylar knapp i menyn */
.menu-highlight {
color: white!important;
background-color: #18223d!important;
padding: 12px 16px 30px 16px;
margin-top: -12px;
border-radius: 2px;
}
.menu-highlight:hover {
background-color: #354777!important;
}
.menu-highlight::after {
display:none!important;
}
Lägga in CSS Klass på den menylänk som skall bli knapp
Om själva länken till den sida som skall agera som knapp inte redan finns i listan kan man börja med att lägga in den i menyn. Det gör under:
Appearance -> Menus -> Välj den meny som skall bytas
Här söker man och lägger till sidan eller en Custom Link till resterade menypunkter. Dra menypunkten till rätt plats i hiearkien.
Klicka på down-pilen längst till vänster
Lägg till menu-highlight under CSS Classes och spara menyn.
Klart!