Ondersteuning » Thema en CSS/opmaak » Border verkleinen

  • Hallo allemaal,

    Voor jullie misschien iets simpels, maar ik zoek me suf! Ik wil graag de witte rand/border om mijn blog wat smaller hebben, zodat mijn foto’s iets groter kunnen. Ik ben zover dat ik weet dat ik dat in de Stylesheet moet veranderen maar waar??

    De zwarte menu balk moet ik dan waarschijnlijk ook vergroten?

    Bij voorbaat dank!

    Esmee
    http://www.fashion-fever.nl

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Hallo esmeealeida,

    Ik denk dat hier sprake is van een misverstand 😉

    De pagina [achtergrond wit] nu 970px breed [heeft ong. de breedte van de menu-balk].
    De rest van het beeld is de achtergrond [ook wit].

    Je krijgt hier eerst de oplossing [WAT] en daarna een gedetailleerde instructie HOE dat te doen.

    Wil je meer ruimte voor alle inhoud:
    Maak de site breder bijvoorbeeld:

    .content-pad {
        width: 1200px; /*pas aan*/
        }

    Vervolgens is er meer ruimte voor de diverse elementen.
    Ook daarvan moet je vervolgens de breedte naar behoefte aanpassen.

    .columns {
        width: 1200px; /*moet even groot als content-pad*/
        }

    Maak ‘kolom inhoud’ breder:
    Tekst kan verschuiven > maak plaatjes groter / In de media-instellingen zorg dat de plaatsing goed is ingesteld

    .narrowcolumn {
        float: left;
        padding: 12px 0px 40px;
        margin: 0px;
        width: 810px; /* dit is ong. MAX pas aan*/
    }

    == == ==
    !!OPGELET!! Gedetailleerde instructie

    Werk langzaam en NAUWKEURIG!!
    Werk stap-voor-stap.
    Maak elke stap eerst af, controleer het resultaat. Ga daarna pas door naar de volgende stap.

    Voeg bovenstaande aanpassingen toe aan style.css van je CHILDtheme.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.

    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

    Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoord de vragen op het scherm
      >> er wordt een child theme aangemaakt map en bestanden zoals style.css;
    5. Activeer het childtheme.
    6. ==

    7. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
      – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    == == ==
    na installatie van de PLUGIN:

    1. activeer ‘one click childtheme’-plug-in
      ‘dashboard > plugins > geinstalleerde plugins > activeren’
    2. Maak nu een childtheme:
      Zorg dat het orgiginele theme actief is… dan
      ‘Dashboard > weergave > child theme’
    3. beantwoord de vragen op het scherm
      >> er wordt een child theme aangemaakt met de naam die jij het gegeven hebt… in een map met bestanden zoals style.css;
    4. Activeer het childtheme.
      Dashboard > weergave > thema’s > activeer het childtheme
    5. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
      ZIE helemaal bovenaan in de blauwe vakken

      – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    Thread starter esmeealeida

    (@esmeealeida)

    Dankjewel voor je uitgebreide antwoord. Ik zal er binnenkort eens voor gaan zitten, en dan moet het vast lukken!

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Border verkleinen’ is gesloten voor nieuwe reacties.