Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1344412

    Hallo!

    Ich habe für meinen Kunden einen Onlineshop mit WooCommerce eingerichtet und möchte ein paar Style Anpassungen vornehmen:

    – Ich würde gerne die Schriftart der Produkte ändern. Kann ich das NUR auf WooCommerce beziehen? Ich möchte die Schriftart der H1, H2 und H3 auf der Website so lassen, nur im Shop soll sie anders sein.

    – In der Produktübersicht werden alle Produkte mit einer dünnen schwarzen Linie angezeigt. Diese möchte ich gerne entfernen. Ich habe schon andere Foren dazu durchsucht, nur leider hat kein Code geholfen.

    – In der Produktübersicht soll keine MwSt. angezeigt werden – nur auf der einzelnen Produktseite. Geht das?

    Es geht zwar überwiegend um WooCommerce, aber ich hoffe, dass ihr mir helfen könnt :)

    Vielen Dank!

    #1344432

    Hi lauragrashoff,

    I’m not 100% sure I understand your intentions. Could you try to explain them a bit further, or post screenshots highlighting them please? If you could post links to example pages, then that would help as well.

    Best regards,
    Rikard

    #1344461

    Hey Rikard,

    thanks for your fast reply!

    I wrote you my notes on the screenshot. I hope this is a bit clearer now :)

    Thank u!

    #1344487

    Hi,

    Thank you for the clarification.

    1.) To change the font of the product title, try to use this css code.

    .products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title {
        font-family: Arial;
    }
    

    You may need to load your own custom font manually or with the help of a plugin. Please check this article for more info on how to load your own custom fonts.

    // https://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/

    If you want to use a plugin, this should help.

    // https://wordpress.org/plugins/custom-fonts/

    2-3.) To remove the MWST text and the product borders, please use this css code in the Quick CSS field or add it in the style.css file in the child theme directory.

    #top .wc-gzd-additional-info.tax-info {
        display: none;
    }
    
    #top .inner_product {
        border: 0;
    }

    Best regards,
    Ismael

    #1344683

    That worked fine! Thank u very much!

    #1344714

    Hi,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.