Support » CSS / opmaak vragen » WooCommerce/storefront tekst kleur wijzigen

  • Opgelost wodforce

    (@wodforce)


    Op mijn pagina https://wodforce.com/product/handgrips/ zie je een voorbeeld van mijn probleem waar ik tegenaan loop. Hoewel de pagina nog in opmaak is zie je in eerste instantie geen probleem op de pagina. Echter wanneer je de opmaak op de pagina selecteert (en dus alles blauw maakt) zie je dat er ‘witte tekst’ weggevallen is door de witte achtergrond. Zoals de koptekst “MAAT” valt weg alsook het productnummer.
    Ik heb in Customizer alle kleuren al aangepast en niets staat hier nog op ‘wit’. Toch krijg ik deze paar stukken tekst niet in mijn gewenste kleur. De pagina is gemaakt met de StoreFront Thema van WooCommerce. Er waren al wat meer stukken tekst weg gevallen. Hiervoor heb ik de juiste CSS al weten te vinden en dit toegevoegd aan de pagina. Maar voor bovengenoemde stukken tekst krijg ik de oplossing niet gevonden. Wie kan mij helpen?

    • Dit onderwerp is gewijzigd 1 maand geleden door wodforce.

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

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Guido

    (@guido07111975)

    Hallo,

    Als ik de pagina inspecteer dan zie ik dat de witte kleur afkomstig is van Elementor. Dus kijk daar eens, waarschijnlijk bij het pagina template.

    Guido

    Thread starter wodforce

    (@wodforce)

    Hi Guido,

    Bedankt voor je reactie. Fijn dat je kan uitsluiten dat het om Elementor gaat. Probleem is, zoals ik al schreef, dat de pagina gemaakt is met een Storefront thema en het deel waar het probleem zit is niet aanpasbaar met Elementor.

    Wat ik nu heb gedaan is de html via inspectie aangepast. Nadeel is dat ik dit dan voor elke pagina moet doen. Voor nu even prima om vooruit te kunnen maar ik hoop toch dat er nog iemand komt met de oplossing zodat dit voor elke pagina toegepast kan worden.

    Ralph

    Guido

    (@guido07111975)

    Hoi Ralph,

    Als je het niet kunt vinden in de instellingen van het thema / Elementor, dan zou je het ook globaal kunnen wijzigen voor dit type element. Voeg dit toe op de Extra CSS pagina in de Customizer:

    
    .elementor-kit-14 {color:#6d6d6d;}
    

    Heeft dat geen effect, voeg dan de important declaratie toe:

    
    .elementor-kit-14 {color:#6d6d6d !important;}
    

    (de kleur heb ik overgenomen van het body element)

    Guido

    Thread starter wodforce

    (@wodforce)

    Beste Guido,

    Je hebt me uit de brand geholpen! Alle lof voor je ‘know how’.

    Je eerste optie was gelijk de juiste. Ik kan weer vooruit!

    Ontzettend bedankt!

    Ralph

    Guido

    (@guido07111975)

    Mooi zo en graag gedaan!

    Guido

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)