Layout – Webdesign

0,00 / maand excl. BTW

Layout kiezen / webdesign aanpassen

Ander webdesign / layout? Dat kan hier heel gemakkelijk!

  1. Gratis: Kies één van de voor geprogrammeerde layouts.
  2. Gratis: Pas je gekozen webdesign naar wens aan.
  3. Kies hier een andere gratis layout: Gratis implementatie.
  4. Kies een andere gratis layout: Vergoeding voor implementatie.
  5. Kies een betaald thema: Vergoeding voor implementatie.
  6. Laat een layout voor je maken.

Andere Layout

Ander Webdesign

Eénmalige betaling

1. Om welk webdesign gaat het (naam)
2. Waar kunnen wij het vinden
3. Als het in een account staat, mogen wij dan inlog-gegevens opdat wij het kunnen uploaden

Het verwijderen van webdesigns bespaart webruimte. Als er een webdesign extra op je website / webshop wordt gezet, dan kost dat webruimte.

Prijs per maand

Categorie:

Beschrijving

Forums / Code oplossingen gezocht / Tekstbody smaller maken

  • Hoi!

    Ik zit al een tijdje met een probleem in de layout van mijn blog waar ik maar niet uit kom. Ik wil het vak van de berichten graag wat smaller hebben zodat de titel netjes in het midden boven de foto valt en de tekst niet meer ‘voorbij’ de foto’s komt. Het staat nu zo slordig maar ik krijg het niet recht en uitgelijnd.

    Groetjes,
    Beau
    http://www.beauandthecity.nl/

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Dag Beau,

    In je style.css op lijn nummer 73 zet je: max-width: 800px;
    /wp-content/themes/themify-base/style.css
    Dan ziet er het uit zoals onderstaande:

    p { 	margin: 0 0 1.5em; 	padding: 0; 	max-width: 800px; }

    Op lijn 106 zet je die ook erbij:

    h1 {     font-size: 1.875em;     margin: 0 0 .8em;     max-width: 800px; }

    Van nu af zal de tekst en titel even breed zijn dan de foto’s.

    Groetjes, Danny

    Thread starter beauatc

    (@beauatc)

    Hoi Danny!
    Bedankt voor je hulp, helaas werkt het niet… Ik zie in mijn style.cc geen lijnnummers dus ik heb ze gewoon geteld en zo kwam ik ook bij precies die regels die jij laat zien. Het invoegen van max-width: 800px; lijkt niet te helpen.

    Groetjes,
    Beau

    Hoi Beau,

    Vermoedelijk zit dit in de cache van je browser(s).
    Ga naar de bewuste pagina en druk op [CTRL] + [F5] en kijk of het nu goed staat.
    Heb net gekeken met IE, Chrome, Firefox en Edge en ziet er nu echt netjes uit.
    Laat maar iets weten 😉

    Groetjes,
    Danny

    Thread starter beauatc

    (@beauatc)

    Hoi Danny,

    Ja nu zie ik het ook! Maar dan hangt de header weer helemaal scheef naar links, lastig dit! Kan ik die dan ook nog centreren?

    Groetjes,
    Beau

    Hoi Beau,

    Haal hier (lijn 106) max-width: 800px; weer weg:

    h1 {     font-size: 1.875em;     margin: 0 0 .8em;     max-width: 800px; }

    en plaats deze hier (lijn 472):

    /* post title */ .post-title { 	font: lighter 2.375em/1em 'Open Sans'; 	text-transform: none; 	margin: 0 0 10px; 	padding: 0; 	max-width: 800px; }

    Dan ziet er het allemaal weer netjes uit 🙂

    Groetjes,
    Danny

    Thread starter beauatc

    (@beauatc)

    Ja superfijn! Dat was precies wat ik bedoelde! Bedankt 🙂

    Groetjes,
    Beau

    Graag gedaan 😉
    Je mag het topic als solved plaatsen.
    Groetjes,
    Danny

    Thread starter beauatc

    (@beauatc)

    Doe ik!

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

Het onderwerp ‘Tekstbody smaller maken’ is gesloten voor nieuwe reacties.