Ondersteuning » Thema en CSS/opmaak » Achtergrond kleur widget sidebar

Achtergrond kleur widget sidebar

  • Opgelost ireneC

    (@irenec)


    5 jaren, 5 maanden geleden

    Hallo,

    Ik probeer een website te maken met het Marlin(child) theme. Dit thema had niet de mogelijkheid om verschillende sidebars aan te maken. Deze widget is er, door de oorspronkelijke ontwerpers, aan toegevoegd.

    Nu wil ik graag de mogelijkheid hebben om de achtergrondkleur van de sidebar widget te veranderen. Welke code moet ik waar aanpassen?

    Het gaat nu om de tekstwidget op de homepage, het stukje tekst onder de bruidstaart.

    Groetjes!

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    5 jaren, 5 maanden geleden

    Stukje CSS:

    div#sow-editor-3 {
background:#HEXWAARDE;
}

    Dit plaats je bij Weergave > Customizer bij ‘Extra CSS’ of in je style.css van het childthema.

    Groet,
    Jeroen

    Thread starter ireneC

    (@irenec)

    5 jaren, 5 maanden geleden

    Thanks!!

    Thread starter ireneC

    (@irenec)

    5 jaren, 5 maanden geleden

    Als ik op andere pagina’s met andere kleurtjes wil gaan werken, dan dezelfde code gebruiken maar met andere hexwaarde?

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    5 jaren, 5 maanden geleden

    Dat zal niet per pagina gaan met bovenstaande CSS, omdat dit voor de volledige website zo is…

    Je zou wel de code kunnen aanpassen en de .page-id-XX ervoor plaatsen. Dat is iets specifieker en zo enkel op die enige pagina actief.

    Je vind de pagina-ID door in het Dasboard naar Pagina’s te gaan, en als je dan over de link van een pagina naam heen gaat, dan zie je in de link het ID nummer staan. Je kunt ook de broncode van de pagina induiken en zoeken op ‘page-id’ – dan vind je ‘m misschien nog sneller.

    Voor de homepage zou dat dus zo moeten:

    .page-id-199 div#sow-editor-3 {
background:#HEXWAARDE;
}

    Succes,
    Groet,
    Jeroen

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Achtergrond kleur widget sidebar’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven