Support » CSS / opmaak vragen » CSS werkt niet op product pagina’s

  • Opgelost bobvdberg

    (@bobvdberg)


    Beste forumleden,

    Ik ben al een hele tijd bezig om erachter te komen waarom mijn css opeens niet meer werkt op de productpagina’s.

    Het gaat vooral om de header, het font hier veranderd opeens naar het standaard font. Deze heb ik op de andere pagina’s aangepast met css. Ook de korte productbeschrijving is zijn opmaak kwijt.

    Site info:
    Theme: minimal shop
    Editor: elementor
    Ik gebruik woocommerce

    Alvast bedankt!
    Bob

    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)
  • Op regel 17 van je custom css zie ik:

    font-family: "Poppins", poppins

    Zonder ; dus achteraan. Misschien dat het daar aan ligt ?

    Bij nader onderzoek lijkt het mogelijk toch te liggen aan het feit dat het lettertype helemaal niet geladen word in je <head>.

    Ik zie op regel 75 in je broncode dat je bijvoorbeeld wel:

    <link rel='stylesheet' id='minimal_shop-google-fonts-css' href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700' type='text/css' media='all' />

    laad. Maar ik zie nergens een referentie naar het Poppins lettertype. Je kan proberen om het volgende toe te voegen aan je <head>

    <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>

    Super bedankt!
    De laatste code heb ik toegevoegd aan de header.php onder <head>.

    Nu is het verholpen!
    Nogmaals bedankt!

    Nu is er nog een dingetje, er staat bovenaan de productpagina’s een witte balk. Dit is niet op de andere pagina’s hoe komt dit dan weer?

    In je custom css heb je het volgende staan:

    
    .woocommerce {
        margin: 22px 0;
        font-family: "Poppins", poppins;
    }
    

    Die marge van 22px veroorzaakt de witte balk.

    • Deze reactie is gewijzigd 6 maanden, 2 weken geleden door  johnny538.

    Top!
    Super bedankt!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘CSS werkt niet op product pagina’s’ is gesloten voor nieuwe reacties.