Style.css
Binnen een WooCommerce thema kun je in veel gevallen het een en ander qua kleuren en vormen aanpassen vanuit de WordPress admin. Als je echter wat meer flexibiliteit wilt hebben kun je gebruiken maken van CSS. Dit is de code waarmee je een website voorziet van kleuren, vormen en effecten.
Als je een beetje verstand hebt van CSS kun je het bestaande stylesheet bestand style.css wijzigen om zo het ontwerp van je WooCommerce thema aan te passen.
Je vindt dit bestand in de WordPress admin via het menu Weergave > Editor. In het editor scherm vind je aan de rechterkant een lijst met bestanden, waaronder Stylesheet (style.css).
Vaak wordt dit bestand direct voor je geopend, maar als dat niet het geval is klik je rechts op de bestandsnaam en komt de CSS code tevoorschijn in het editor scherm. Na het aanpassen van de code druk je op de button Bestand bijwerken en kijk je vervolgens of het effect heeft gehad op je website.
Als het niet lukt om het bestand te bewerken via de editor moet je gebruik maken van een FTP programma.
Goedenavond,
ik puzzel al voor dagen met een probleem. Op mijn winkelpagina met alle producten van een categorie tezamen staat de prijs direct naast de artikelnaam. Hierdoor krijgt de artikelnaam te weinig ruimte en wordt deze afgekort als bv:
Pingp
ongb
alletj
e
Hoe maak ik de ruimte voor de naam breder en zet ik de prijs hierboven of onder?
Mijn dank is alvast groot!
Hey Ilona. Hoe verwacht je dat wij hier een oplossing voor hebben als we niet kunnen zien om welke pagina het gaat?
Hoi,
Ik probeer de optie aanmelden voor nieuwsbrief in een groen kader te plaatsen, zoals beschreven in je artikel (http://www.wcommerce.nl/woocommerce-mailchimp/). Ik kan de code bewerken, maar het stukje:
(p.form-row.woocommerce-mailchimp-opt-in {
padding: 20px;
margin-top: 20px;
background-color: #D1F2D1;
border: 1px solid #ABCEAB;
border-left: 6px solid #ABCEAB;
}
invoegen heeft geen effect… Moet het op een bepaalde plaats ingevoegd worden? En bij andere widgets zie ik bv. “/* Facebook Widget */” er boven vermeld. Moet hier nog een verwijzing naar MailChimp komen?