Ondersteuning » Thema en CSS/opmaak » Producttitel wijzigen in woocommerce

1 reactie aan het bekijken (van in totaal 1)
  • Hi,

    Uit deze vraag maak ik op dat je je al best wel verdiept hebt in wordpress / html / css, maar dat het je nog een beetje duizelt.

    Zelden zul je in een php-bestand opmaak-code vinden, zoals fonts, text-transform naar allemaal hoofdletters etc.: hiervoor zijn css (Cascading Style Sheets) uitgevonden. In php-bestanden worden in html-blokken dynamische gegevens uit de database opgeroepen, zoals de naam van je product, de bijbehorende prijs, afbeeldingen, product-omschrijving etc.

    In css-bestanden worden de html-blokken gestyld. In jouw css-bestanden is(op basis van een inspectie van je template, live kunnen we niet meekijken) o.m. geformuleerd:

    .single-product.woocommerce div.header-single-product .header-single-product-title {
        text-transform: uppercase;
        font-size: 26px;
        font-weight: normal;
        line-height: 1em;
        float: left;
        margin: 0px;
        position: relative;
        z-index: 1;
        padding-right: 11px;
        text-decoration: none;
    }
    .sidebar .widget.widget_shopping_cart li a, #footer .widget.widget_shopping_cart li a, .sidebar .widget.widget_shopping_cart li a.remove_item, #footer .widget.widget_shopping_cart li a.remove_item, .sidebar .featured-products-widget li a, #footer .featured-products-widget li a, .widget.widget_onsale li a, .widget.widget_best_sellers li a, .widget.widget_recent_reviews li a, .widget.widget_recent_products li a, .widget.widget_random_products li a, .widget.widget_featured_products li a, .widget.widget_top_rated_products li a, .widget.widget_recently_viewed_products li a, .header-single-product .header-single-product-title, .widget.widget_products li a {
        font-size: 16px;
        font-family: "Rancho",sans-serif;
        color: #4D8391;
        font-style: normal;
        font-weight: 400;
    }

    In de eerste selector maakt de declaratie: text-transform: uppercase de product-titel tot allemaal hoofdletters (zet hier ipv uppercase: default, of verwijder deze declaratie). In de tweede selector wordt het lettertype vastgelegd (font-family, verander deze in jouw lettertype,of verwijder deze regel. P.S. Op meerdere punten verander je dan het lettertype).

    Je afbeeldingen is zonder een inkijk in een live-situatie niet te beantwoorden.

    Hopelijk brengt dit advies je verder!

    groet & succes!

    Lianne

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Producttitel wijzigen in woocommerce’ is gesloten voor nieuwe reacties.