Ondersteuning » Code oplossingen gezocht » Tekstbody smaller maken

  • Opgelost beauatc

    (@beauatc)


    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.