Support » Plugin vragen » css aanpassing woocommerce

  • Opgelost testinah

    (@testinah)


    Hoi,

    Ik gebruik WordPress en Woocommerce voor mijn winkel http://www.zoonvantijs.tk
    Nu is de opmaak in mijn winkelwagen (http://www.zoonvantijs.tk/cart/) bij de verzendmethoden een beetje vreemd (tekst loopt door elkaar) en dat wil ik aanpassen zodat het er een netjes uitziet.

    Ik heb firebug erbij gehad om te kijken waar in de CSS het zit en wat ik moet aanpassen. Ik kom er niet uit. Kan iemand mij op weg helpen waar ik het moet zoeken?

    Luc

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

    Heb je zelf al CSS aanpassingen gedaan of is dit standaard bij het thema zo?

    De volgende CSS zou het in ieder geval op moeten verhelpen:

    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
        width: auto;
        float: none;
    }
    ul#shipping_method li {
        text-indent: 0px;
    }

    De meest eenvoudige manier om CSS toe te voegen aan WordPress is doormiddel van de Custom CSS functionaliteit van de Jetpack plugin. Die plugin en informatie over de CSS functie kan je hier vinden: http://jetpack.me/support/custom-css/

    Of de aanpassingen doorvoeren in een child-theme

    Hoi Richard,

    Dank je voor je snelle en uitgebreide antwoord!

    Ik had zelf nog niets gewijzigd. Het blijkt dus in de CSS van het thema te zitten. Ik heb het betreffende CSS-bestand opgespoord met firebug en daarna de door jou geadviseerde CSS-wijzigingen toegevoegd aan het CSS-bestand en daarna geupload met Filezilla. Het ziet er super uit!

    Ik ga ook nog even naar de rest van je opmerkingen kijken over Jetpack en childtheme en natuurlijk naar jouw inhoudelijke CSS-oplossing.

    Maar voor nu ben ik er erg mee geholpen.

    Luc

    Hoi Luc,

    Als je verder geen aanpassingen aan je thema doet qua code kan je het beste de CSS toevoegen dmv de jetpack plugin. Anders is de kans groot dat bij een thema update de opmaak weer verdwijnt.

    Ja ik zie dat de jetpack plugin er ook voor zorgt dat je aanpassing bewaard blijft dus ik ga eens kijken, want thema-updates zijn er regelmatig. Dank je voor jouw bericht.

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘css aanpassing woocommerce’ is gesloten voor nieuwe reacties.