Ondersteuning » Thema en CSS/opmaak » waar css aanpassen

  • Opgelost testinah

    (@testinah)


    De nummering van de actieve pagina wordt onzichtbaar doordat de achtergrond en de fontkleur waarschijnlijk hetzelfde zijn. Nu kan ik de css wel opsporen via inspecteren van de pagina. Maar vervolgens ben ik niet in staat om de code te vinden in wordpress waar ik het ook echt kan aanpassen. Hoe vind ik de juist pagina waar ik de aanpassing kan doorvoeren?
    Luc

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

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Hoi Luc,

    Ik zie dat je StoreFront als theme gebruikt. Je kan het beste een child theme aanmaken en daarin je wijzigingen doen qua styling.

    Hier vind je uitgebreid hoe je een child theme aanmaakt: https://docs.woocommerce.com/document/set-up-and-use-a-child-theme/

    Succes,
    Niels

    Thread starter testinah

    (@testinah)

    Maar volgens mij gebruik ik Deli als child theme van storefront.
    Luc

    En via ‘Weergave’ > ‘Customizer’ > ‘Extra CSS’?

    Deze css is bestand tegen updates.

    Thread starter testinah

    (@testinah)

    Ik heb tot nu toe alle aanpassingen inderdaad via extra css gedaan. Mijn probleem op dit moment is dus eigenlijk om de css op te sporen die ik moet aanpassen. Ik gebruik storefront thema met deli thema als child theme. Dan moet ik toch in de css van storefront of deli de code kunnen vinden die ik moet aanpassen?

    CSS code die het waarschijnlijk voor je oplost:

    .woocommerce-pagination .page-numbers li .page-numbers.current {
        background: #ffcccc;
        color: #000;
    }

    of een andere styling:

    .woocommerce-pagination .page-numbers li .page-numbers.current {
        border: 1px solid #ffcccc;
        background: #fff;
        color: #000;
        margin: -1px;
    }

    Je kunt deze selectors vinden via b.v. de developer toolbar van Chrome. Zie: https://developers.google.com/web/tools/chrome-devtools/

    Thread starter testinah

    (@testinah)

    ja, klopt, deze code had ik ook net gevonden via inspectie van de pagina. Waar ik nu dus nog tegenaan loop, in welk bestand staat deze code, zodat ik deze kan aanpassen. Kan ik daar via de developer toolbar van chrome achterkomen?

    De code die ik gaf, kun je gewoon in de CSS editor zetten waarvan ik eerder zei dat je daar CSS in kwijt kon. Deze styles zullen dan de huidige overschrijven.

    Thread starter testinah

    (@testinah)

    Oh ja, klopt natuurlijk, zo deed ik dat ook bij de andere aanpassingen. Ik zal het gaan proberen.

    Thread starter testinah

    (@testinah)

    Dank je. Het is gelukt. De current pagina heeft nu een roze achtergrond die goed bij het thema past en de niet actieve pagina heeft een grijze achtergrond. De nummering is altijd zichtbaar met zwarte fontkleur. Perfect.

    Thread starter testinah

    (@testinah)

    Opgelost.

    Oke, goed om te horen. Succes verder.

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Het onderwerp ‘waar css aanpassen’ is gesloten voor nieuwe reacties.