Ondersteuning » Thema en CSS/opmaak » button veranderen

  • Opgelost uberoor

    (@uberoor)


    Beste lezers,

    Ik heb een vraag.
    op mijn website heb ik verschillende buttons (inloggen / versturen) maar ik weet niet hoe ik die kan veranderen van opmaak. Ik wil namelijk de zelfde opmaak als mijn andere “link” buttons. Ik weet dat het in mijn style bestand .art-button heet maar ik heb geen idee hoe ik dat moet verwerken.

    Alvast bedankt.

    Groeten,

    Dennis

    http://www.dennis-sports.nl

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Dag Dennis,

    Kun je aangeven welke buttons op welke pagina (incl. link) je wilt aanpassen? En waar staat het voorbeeld van de juiste opmaak (incl. link).

    Dan geef ik je de code.

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

    Thread starter uberoor

    (@uberoor)

    Thijs,

    heel erg bedankt alvast maar ik gebruik een hoop plugins ik weet niet of dat een probleem op levert.

    http://www.dennis-sports.nl/ (de inloggen button)
    http://www.dennis-sports.nl/register/ (de registeren button)
    http://www.dennis-sports.nl/contact/ (de versturen button)
    http://www.dennis-sports.nl/recensies/ (de versturen button)

    de volgende plugins gebruik ik :
    inloggen en registeren met Theme My Login
    contact en recensies fast secure contact form

    en in alle (reserveringen) evenementen buttons
    hier een voorbeeld link:
    http://www.dennis-sports.nl/events/bootcamp-2-2014-11-15/ (de reservering button)

    Weet je toevallig nog een goede contact form plugin??

    Groeten,

    Dennis van Doorn

    Nog maals, Bedankt!!

    Thread starter uberoor

    (@uberoor)

    Voorbeeld van de juiste opmaak zijn alle buttons op de start pagina , alle “lees meer” buttons.

    Dag Dennis,

    Dank voor de info.

    Kun je onderstaande code toevoegen onderaan je style.css bestand (WEERGAVE > BEWERKER):

    .login input {
    border: 0;
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #71B139;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 5px;
    margin: 0 auto;
    height: 23px;
    }

    Dit zou moeten werken.

    Succes,

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

    Thread starter uberoor

    (@uberoor)

    beste Thijs,

    Ik heb het toegevoegd onderaan de code zoals je vroeg, alleen werkt het nog niet…

    groeten,

    Dennis

    Dag Dennis,

    wat werkt niet, ik zie de buttons nu allemaal in dezelfde stijl staan. Heb je de cache geleegd?

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

    Thread starter uberoor

    (@uberoor)

    Thijs,

    inderdaad mijn fout.

    Heel erg bedankt.
    misschien heb ik nog wel vragen meer maar dat komt vanzelf

    Groeten,

    Dennis

    Thread starter uberoor

    (@uberoor)

    Misschien een rare vraag maar kan ook alleen de button groen worden en niet ook de text fields?

    gr dennis

    Probeer de code eens te wijzigen naar:

    .wp-submit1 {
    border: 0;
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #71B139;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 5px;
    margin: 0 auto;
    height: 23px;
    }

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

    Thread starter uberoor

    (@uberoor)

    Ik heb het op verschillende manieren geprobeerd, de oude code laten staan, de code weg halen, maar ik krijg het niet voor elkaar…

    groet,

    Dennis

    Dag Dennis,

    Probeer deze eens:

    .submit {
    border: 0;
    border-collapse: separate;
    -webkit-background-origin: border !important;
    -moz-background-origin: border !important;
    background-origin: border-box !important;
    background: #71B139;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 0 5px;
    margin: 0 auto;
    height: 23px;
    }

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

    Thread starter uberoor

    (@uberoor)

    Thijs,

    Ik heb het geprobeerd alleen gebeurt er niets, helaas..

    Gr, Dennis

    Dag Dennis,

    Als je wilt kijk ik er even naar. Maak mij dan als gebruiker (beheerder) aan en stuur de inloggegevens naar info@wphandleiding.nl

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

    Dag Dennis,

    Dank je voor de inloggegevens. Het waren meerdere aanpassingen, maar het is gelukt!

    Succes met je website

    Groet,
    Thijs
    __________________
    Nieuwe WordPress handleidingen voor WordPress 4.0! Bekijk ze allemaal
    WordPress supersnel maken? Lees hier meer

14 reacties aan het bekijken - 1 tot 14 (van in totaal 14)
  • Het onderwerp ‘button veranderen’ is gesloten voor nieuwe reacties.