Ondersteuning » Thema en CSS/opmaak » Opmaak site via CSS

  • Opgelost DoortjeP

    (@doortjep)


    Beste,

    Ik zou graag een aantal dingen willen aanpassen in mijn Childtheme;
    – Kleur sidebar wil ik zwart (#000000) hebben.
    – Kleur van alle links op de site wil ik oranje (#F87527) hebben.
    – Alle tekst op de pagina’s en berichten wil ik zwart (#000000) hebben.
    – Aan de rechterzijde heb ik een formulier voor aanmelden op nieuwsbrief en deze wil ik niet doorschijnend hebben, maar transparant wit (#ffffff) hebben. De tekst hierbij wil ik ook zwart (#000000) hebben. De knop voor aanmelden wil ik oranje (#F87527) hebben.

    Kan iemand me hiervoor de codes voor in de CSS geven? Ik heb al van alles geprobeerd, maar het lukt niet.

    Mijn site is: http://www.huidtherapieboxtel.nl

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Wat bedoel je juist met de sidebar? Ik zie links sidebar code staan maar er staat geen content in?

    – Ik ga ervan uit dat je enkel de linkkleur van de main content wil aanpassen, niet alle links (menu, footer, etc)?

    .entry-content a {
       color: #F87527;
    }

    – Tekstkleur voor alle tekst aanpassen naar zwart (tenzij anders gedefinieerd in de CSS), maakt ook meteen de nieuwsbrief tekst zwart.

    body {
       color: #000;
    }

    – Voor de nieuwsbrief sectie achtergrond:

    .widget {
        background-color: rgba(255, 255, 255, 0.8);
    }

    (verander de 0.8 naar de doorzichtigheid dat je wil hebben, 1 = volledige kleur, 0 = volledig doorzichtig)

    – Aanmeld knop:

    input.wysija-submit.wysija-submit-field {
        background: #F87527!important;
    }
    Thread starter DoortjeP

    (@doortjep)

    Eva bedankt voor je hulp, bijna alles is gelukt!!

    – Ik zou graag nog die onderste balk (waarin de contactgegevens etc staan) zwart (#000000) hebben.
    – In die balk wil ik de links naar de meeste recente berichten oranje (#F87527) hebben.
    Evenals de tags bij de nieuwsberichten en de links bij huidproblemen (die verwijzen naar de desbetreffende behandeling).
    – De balk waarin Copyright staat wil ik graag ook zwart (#000000) hebben, met daarin witte (#FFFFFF) letters.

    Weet iemand hoe ik de header zichtbaar krijg op de mobiele versie? Als ik met mijn iPhone de website open krijg ik die namelijk niet te zien.

    Ik wil graag ook een Catchpa code verwerken in het aanmeldformulier voor de nieuwsbrief. Ik gebruik hiervoor Mailpoet.

    – Footer in zwart, tekst in wit:

    footer, #secondary {
       background-color: #000!important;
       color: #fff!important;
    }
    
    .site-footer a {
      color: #fff;
    }

    – Linkkleur:

    .entry-meta a, .site-footer .widget a  {
      color: #F87527;
    }

    Bedoel je ook de links in het menu onder huidproblemen?

    Het menu werkt op mobile voor mij (Android), ik zou eens navragen bij de thema auteur wat het probleem zou kunnen zijn.

    Thread starter DoortjeP

    (@doortjep)

    Bovenstaande codes voor foother en linkkleur werken niet.

    Ik bedoel alle links die in de tekst gebruikt worden, dus niet het menu van huidproblemen zelf.

    Thread starter DoortjeP

    (@doortjep)

    Ik kijk nu op mijn iPhone en daar is de foother en de linkkleur nu wel goed. Maar op pc niet. Wat zou ik nog kunnen aanpassen?

    Bij mij werkt de nieuwe CSS op Chrome & Firefox. Heb je de pagina al gerefreshed (ctrl – f5)?

    Thread starter DoortjeP

    (@doortjep)

    Op mijn iPhone staat alles nu goed qua kleur (foother en alle links).

    Op mijn pc kloppen de kleuren voor de foother nog niet.
    Op mijn pc zijn tevens de links van meest recente berichten (onderaan) nog niet de goede kleur en ook bij de pagina ‘nieuws’ zou ik graag het stukje met datum, tags etc en ‘reacties’ mijn kleur oranje hebben.

    Weet jij ook de code voor het aanpassen van de kleur van de verzendknop bij het contactformulier?

    Ik wil graag ook een Catchpa code verwerken in het aanmeldformulier voor de nieuwsbrief. Ik gebruik hiervoor Mailpoet. Weet iemand hoe dat moet?

    Thread starter DoortjeP

    (@doortjep)

    In Firefox staat het wel goed zie ik nu.

    Alleen Chrome nog niet.

    Thread starter DoortjeP

    (@doortjep)

    Inmiddels werken de kleuren wel goed bij alle internet systemen, misschien duurde het even voor de update bij Chrome verwerkt is..

    Bedankt voor je hulp!

    Thread starter DoortjeP

    (@doortjep)

    .

    Graag gedaan 🙂 Veel succes met de site!

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Het onderwerp ‘Opmaak site via CSS’ is gesloten voor nieuwe reacties.