Button niet zichtbaar in contact pagina / wordpress

[Hansspark]

Hallo,

Ik heb de volgende website gemaakt: www.blauwbont.nl
Op de contact pagina heb ik een formulier met daaronder een verzend - button.
Echter deze is niet goed zichtbaar maar wel als ik er overheen ga met de muis.
Hoe kan ik dit met de code wijzigen ?

Child -theme heb ik al aangemaakt voor de wijziging.

Groet, Hans

Ps. of moet ik deze vraag plaatsen op het css-forum?

 

[glompie]

In je thema map staat ergens een style.css met daarin:

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 0 none;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    margin: 0;
    padding: 0.65em 1em;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out 0s;
}

Verander:
background: none repeat scroll 0 0 #EEEEEE;
in:
background: none repeat scroll 0 0 #333;
en verander:
font-size: 1.2rem;
in: font-size: 1.2em;

 

[Hansspark]

Hoi Bart,

Bedankt voor je bericht.
Ik heb de code ingevoerd in mijn child-theme en het werkt fantastisch.
Hartelijk dank.
Ben beziggeweest met firefox (inspect element) maar ik krijg de codering van de button niet te pakken.
Tevens had ik de code ook niet geweten hoor.

Ik heb nog een vraag:
De koptekst (Blauwbont) wil ik in groter lettertype hebben en de pagina's (namen: welkom, contact en home) in kleur #000000

Is dit mogelijk?
Zoals ik al zei; dat firefox/ inspect element laat het op deze theme afweten waarom dat zo is geen flauw idee?


Groet, Hans

Ps. moet ik deze nieuwe vraag opnieuw opstarten?

 

[glompie]

Hi,

Misschien werkt selecteren >> rechtsklikken >> bron van de selectie.
Dan zie je als het goed is de class voor de H1 titel 'site-title' staan.


.site-title a, .site-description {
color: #2225D6;
}

veranderen in:

.site-description {
color: #2225D6;
}

en toevoegen:

.site-title a{
font-size:2.0em;
color:#222;
}

 

[Hansspark]

Hoi Bart

Helemaal Top.
De code werkt uitstekend voor de Koptekst helaas blijven de namen van de pagina's licht grijs getint en klein

Ik heb met de firebug idd rechts gebrobeerd te selecteren maar zodra de muis er van af is wijzigt de codes in css-style.
Toch de code kunnen wijzigen maar geen resultaat.

.main-navigation a {
    color: #000000;
    display: block;
    text-decoration: none;
}

Bedankt voor je hulp.

Groet, Hans

 

[glompie]

Bedoel je de kleur van de menuknoppen rechtsboven ofzo?

 

[Hansspark]

Ja, de namen van de pagina's: welkom, contact en Home,

Groet, Hans

 

[glompie]

Ik zie 't zo niet.
Haal eerst maar de transitions en opacity weg uit het menu.
Dit bestandje: http://www.blauwbont.nl/wp-content/themes/spun/style.css
Met /* blabla */ kun je ze ook uitzetten.

 

[Hansspark]

Hoi Bart,

Bedanktvoor je info.
De bedoeling van de theme is dat de tekst oplicht als je met de muis er overheen gaat zo blijft zo ligt het accent op de plaatjes.

Groet, hans

 

[glompie]

De effecten op de plaatjes kun je ook gewoon laten staan.