WordPress DK Forum

1. 

   Helle S.
   

   Medlem
   Joined: okt '16
   Posts:

   Reputation:

    

   Hej

   Jeg har brug for lidt hjælp til styling af Contact Form 7.
   Hvordan ændrer jeg på styling af de besked- og advarselsbokse, der dukker op, når er besked er sendt eller kontaktformularen ikke er korrekt udfyldt?

   Håber der er nogle, der kan hjælp mig.

   Mvh.
   Helle S.

   Skrevet 9 years siden #
2. 

   Nichlas
   

   Supermedlem
   Joined: okt '16
   Posts:

   Reputation:

    

   Helle,

   I din child themes style.css fil eller ved brug af CSS plugin, copy/paste og afprøv følgende. Juster efter egen smag:

   /* Bekræftelsesbesked */
.wpcf7-mail-sent-ok {
background: #a62f00; /* baggrundsfarve */
border: 4px solid #859fe2; /* kant bredde og farve */
color: #f7f7f7; /* tekstfarve */
}

   /* Advarselsbesked */
   .wpcf7-validation-errors {
   background: #a62f00;
   border: 4px solid #859fe2;
   color: #f7f7f7;
   }

   /* Begge beskeder */
.wpcf7-mail-sent-ok,
.wpcf7-validation-errors {
font-size: 18px; /* tekststørrelse */
margin: 15px 20px; /* luftafstand over/under + begge sider */
padding: 15px 5%; /* luftafstand mellem tekst og kanterne: over/under + begge sider */
}

   Brug denne color picker til at finde nogle passende HEX farvekoder.

   Mvh. Nichlas Brandon
   WP ninja @ https://cuefox.com

   Skrevet 9 years siden #
3. 

   Helle S.
   

   Medlem
   Joined: okt '16
   Posts:

   Reputation:

    

   Hej Nichlas

   Jeg kan desværre ikke få det til at virke.
   Men tak alligevel for dit svar.

   Mvh.
   Helle

   Skrevet 9 years siden #
4. 

   Nichlas
   

   Supermedlem
   Joined: okt '16
   Posts:

   Reputation:

    

   Helle,

   Medmindre du har opgivet, så giv del eventuelt et link til din side med en Contact Form 7 formular, så kan jeg tjekke om det er CSS'en, der skal justeres, eller om det muligvis er noget andet.

   Skrevet 9 years siden #

RSS feed for this topic

Svar

Du skal være logget ind for at skrive.