Support » Thema en CSS/opmaak » Lettertype blijft heel klein

  • Opgelost lindje67

    (@lindje67)


    Hallo,

    Ik heb in mijn webshop (Woocommerce), Thema Ocean WP, een pagina gemaakt waar ik alle producten op heb gezet en daarboven een filter op prijs. Dat werkt prima.
    Echter.,,,,de letters onder de producten zijn wel heel klein en zijn onderstreept.
    Hoe krijg ik de letters groter en hoe krijg ik die onderstreping weg.

    Ik kan het aanpassen in Customizer door de lettergrootte van de Body groter te maken. Dan worden inderdaad die producttitels groter maar de rest ook.
    Het aanpassen van de grootte in Customizer>>> woocommerce>>> producttitels werkt.

    Kortom…..wie heeft een idee?

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

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

    (@jeroenrotty)

    Support Moderator

    Die titels zijn koptekst 6 en hebben bijgevolg de styling overgenomen van het thema.

    Met een beetje CSS code die specifiek enkel op deze pagina werkt kan dit oplossen:

    .page-id-84173 a.wc-block-components-product-name{
    font-size:1.6rem;
    text-decoration:none!important;
    }

    Jeroen

    Thread starter lindje67

    (@lindje67)

    Hey Jeroen,

    Top! Dank je wel hoor!

    Ik heb het in Extra CSS gezet en het werkt!! Yes!!
    Maar nu zijn mijn prijzen heel klein.
    kan ik daar nog iets aan doen?

    groet,

    Linda

    • Deze reactie is gewijzigd 1 week, 1 dag geleden door lindje67.
    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    De prijzen en de knoppen zijn inderdaad nog superklein, maar heb je op blokniveau geen kleine tekst gekozen op deze pagina? Ergens moet er toch een klein lettertype zijn ingesteld.

    Ik zie deze CSS code:

    .theme-twentytwenty .wc-block-grid.has-5-columns .wc-block-grid__product, .theme-twentytwenty .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product, .wc-block-grid.has-5-columns .wc-block-grid__product, .wc-block-grid.has-6-columns.alignfull .wc-block-grid__product {
         font-size: .58em;
    }

    die de oorzaak is dat alles dat alles op deze blok zo klein is. Die CSS komt vanuit de plugin die je hiervoor gebruikt woo-gutenberg-products-block (https://wordpress.org/plugins/woo-gutenberg-products-block/) – heb je op blokniveau iets ingesteld qua lettergrootte?

    Thread starter lindje67

    (@lindje67)

    Hoi Jeroen,

    Ik snap dat Twentytwenty theme niet. ik heb dat theme helemaal niet geĆÆnstalleerd staan.
    (ik heb alle overbodige thema’s weggehaald)

    Ik heb wel WooCommerce Gutenberg blocks.
    Ik ben bang dat als ik dat deactiveer, ik mijn website vernachel.

    Verder heb ik qua lettertype alleen bij Customizer ingesteld

    Thread starter lindje67

    (@lindje67)

    kan ik het oplossen met een CSS code of zal ik de plug-in uitschakelen?

    Dat zijn inderdaad hele kleine prijsjes šŸ™‚

    Deze css zou het moeten verhelpen:

    .wc-block-components-product-price {
        font-size: 3em;
    }
    

    Je button tekst is ook erg klein, wellicht wil je die ook aanpassen?

    .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
        font-size: 1.6em;
    }
    Thread starter lindje67

    (@lindje67)

    Dank je Ruurd! Ik ga het proberen!

    Thread starter lindje67

    (@lindje67)

    Het werkt! Bedankt Ruurd en Jeroen!
    Ik ben hier enorm mee geholpen

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