23 berichten aan het bekijken - 1 tot 23 (van in totaal 23)
  • Q:
    Bijdrager
    verhoevenw

    WordPess pagina breedte aanpassen

    Momenteel werk ik met een pagina van 820 px breed. De onderste balk (Footer?) en dat zeer klein bovenste balkje nemen echter de ganse breedte van de pagina in beslag. Bestaat er een mogelijk (widget) om die ook op dezelfde breedte 820 px + gecentreerd te krijgen?

    Bijdrager
    Sidje

    Moet je dit niet gewoon in de css van het template aanpassen?

    Bijdrager
    verhoevenw

    Sidje bedankt voor je reactie – is dat onderaan bij Stylesheet (style.css) te vinden?

    Bijdrager
    Eelco

    Bedoel je met het kleine balkje bovenaan de WordPress 3 admin die je alleen maar ziet als je bent ingelogd?

    Verder zul je (denk ik) inderdaad alles in je theme moeten aanpassen. Dat is echter moeilijk te zeggen als je geen link post naar de site.

    Bijdrager
    Sidje

    Bij appearance->editor kun je rechts idd stylesheet(style.css) aanklikken en dan in de editor aanpassen.
    Hiervoor moet style.css schrijfbaar zijn op de server.

    Een andere methode is in Finder naar je wordpress template gaan …../wp-content/themes/…. en daar dan met een gewone editor de aanpassingen doen.
    Als dit gedaan is upload je enkel style.css.

    Bijdrager
    verhoevenw

    bedankt voor jullie hulp!
    hieronder vind je de link van de website in opbouw – de groene balk (boven en onder zou ik op dezelfde breedte als het midden willen krijgen (820 px)

    [/url]

    Bijdrager
    verhoevenw

    style.css heb ik gevonden, bedoelen jullie dan dat ik hier iets moet aan veranderen?

    /* @ Footer */
    #footer {
    clear:both;
    font-size:1em;
    overflow:hidden;
    text-align: left;
    position: relative;
    }
    #footer ul{ padding: 0 5px; }
    #footer li {list-style-type:none;}
    #footer li a:hover {text-decoration: underline;}
    #footer li h5 a {font-size: 1em;}

    #footer .content-pad { padding: 20px 0 1em; }

    #footer .widget-title{
    padding-left:0;
    border:0;
    margin-bottom: .6em;
    font-size: .85em;
    }
    #footer .findent {padding: 0 5px 0 0;}
    #footer .latest_posts {padding:0;}
    #footer .latest_posts li {margin-bottom: .5em;}
    #footer .latest_posts li .list-excerpt {font-size: .9em;line-height: 1.5em;}

    #fcolumns_container .socialicons {
    float:left;
    background:none;
    width:20%;
    border:none;
    }

    #fcolumns_container .socialicons .socialeffect {
    border:none;
    padding:1px 20px;
    }

    #fcolumns_container .socialicons span {
    font-size:17px;
    display:block;
    padding-bottom:26px;
    }

    .fcol{
    width: 152px;
    float: left;
    display:inline;
    padding: 0 20px;
    }

    .fcol ul ul{ padding-left:10px; font-size:.9em; }

    Bijdrager
    Sidje

    Zoek in style.css

    #footer {
    clear:both;
    font-size:1em;
    overflow:hidden;
    text-align: left;
    position: relative;
    }

    en verander dit in

    #footer {
    clear:both;
    font-size:1em;
    overflow:hidden;
    text-align: left;
    position: relative;
    width:820px;
    margin:0 auto;
    }

    Die margin:0 auto centreert een element als een breedte is gegeven.

    Is dit wat je zocht?

    Bijdrager
    verhoevenw

    Sidje dat is het!

    via WordPress krijg ik nu de melding dat dit niet beschrijfbaar is (webhosting antagonist.nl)
    via de FTP is dit dan de enige mogelijkheid, hoe geraak ik aan een “gewone editor” (werk op iMac 3.0 Ghz – Leopard)

    Bijdrager
    Sidje

    Als editor kun je normaal teksteditor gebruiken dat standaard op je mac staat.
    Let wel dat je in teksteditor platte tekst selecteert in voorkeuren.

    Edit:
    Tip: Om aanpassingen bij wordpress sites te doen gebruik ik een lokale installatie.
    Zo kun je alles eerst testen voor je iets online zet.

    Bijdrager
    verhoevenw

    nogmaals bedankt Sidje voor je professionele hulp!
    Via FTP ben ik nu in het oerwoud beland en ga ik op zoek naar die bovenstaande code van die Footer;-)

    Bijdrager
    Sidje

    Als je die footer code hebt aangepast zie je nog steeds de groene balk volledig.
    Maar dit kan je oplossen door eerst in de footer de volgende code toevoegen

    #footer {
    background-color:green;
    }

    En dan onderaan het style.css bestand volgende code toevoegen (let op dit staat er nog niet)

    #site {
    background-color:#FFFFFF;
    }

    Als het nu goed is zie je een groene balk die gecentreerd staat en groen is.

    Als je de groene balk bovenaan weg wilt dan moet je onderaan het style.css bestand volgende code toevoegen.

    body {
    background-color:#FFFFFF;
    }

    Bijdrager
    verhoevenw

    ik ben nog altijd op zoek naar die footer code en zie door het bos de bomen niet meer…

    Bijdrager
    verhoevenw

    via de zoekfunctie lukt het ook niet, is er soms een trucje om die bewuste code ergens uit te halen

    Bijdrager
    Sidje

    Je kan best alle aanpassingen onderaan het bestand style.css zetten.
    Dus enkel de aanpassingen

    #footer {
    width:820px;
    margin:0 auto;
    }

    Dit geldt ook voor de andere code.
    Ik heb namelijk gelezen in de style.css file dat als je je theme update, de veranderingen dan weg kunnen zijn.

    Door deze onderaan te plaatsen weet je wat je veranderd hebt.

    Bijdrager
    verhoevenw

    ondertussen heb ik het bijs style.css gezet, maar ik zie geen resultaat, staat het wel op de juiste plaats?

    /uploads/community/86969d3d1c7bf88923d413f4b66992625277a111_0.jpg

    Bijdrager
    verhoevenw

    de foto is blijkbaar niet gelukt, hieronder de code:

    /* @ WordPress Caption */
    .wp-caption {
    text-align: center;
    padding: 5px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    max-width: 98%;
    margin-bottom: 1em;
    }
    .wp-caption-text {font-size: 11px; text-align: center; margin:0;padding:6px 3px 2px;line-height: 16px;}
    .wp-caption-dd {font-size: 11px;line-height: 17px; padding: 0 4px 5px; margin: 0; }
    .wp-caption img { margin: 0; padding: 0; border: 0 none; }
    .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
    #footer {
    width:820px;
    margin:0 auto;
    }

    /* =============== */
    /* = End of CSS = */
    /* =============== */

    /* For WordPress.org theme repository checklist */

    Bijdrager
    Sidje

    Je moet het volgende ook toevoegen (zie 1 van de vorige posts)

    body , #site {
    background-color:#FFFFFF;
    }

    Dan zou het moeten lukken.

    Bijdrager
    verhoevenw

    ik heb het zo zoals gedaan, daarna style.cs door het nieuwe vervangen maar blijkbaar heb ik iets verkeerd gedaan want ik heb nog niet het gewenste resultaat, sorry voor mijn geklungel…

    Bijdrager
    verhoevenw

    nu zie ik dat er wel iets aan veranderd is, namelijk de hoogte ;-)

    Inactief
    Anoniem
    verhoevenw op 21 juni 2011

    Sidje dat is het!

    via WordPress krijg ik nu de melding dat dit niet beschrijfbaar is (webhosting antagonist.nl)

    via de FTP is dit dan de enige mogelijkheid, hoe geraak ik aan een “gewone editor” (werk op iMac 3.0 Ghz – Leopard)

    Dat heeft niets te maken met waar je de website host. Dat heeft te maken met verkeerde rechten op (in dit geval de css) file(s). Zet de permissies (CHMOD Handleiding) goed en je kan gewoon vanuit WordPress de bestanden wijzigen en weer opslaan.

    PS Antagonist heeft een prima forum trouwens.

    Bijdrager
    Sidje

    Ik zie dat de footer breedte goed staat, maar de code voor body en body.fixed_width staan inline (dus dat groene).
    Dit wil zeggen dat de style.css wordt overschreven door code in de tag body met attribuut style, dus

    <body style=”< hier staat de code>”>…….

    Misschien kan je dit eens nakijken in het bestand van het theme waar de html staat.
    Dus bv in header.php zoeken naar <body> tag.

    Edit:

    Probeer eens een volgende code toe te voegen in de header.php file net voor de sluittag </head>

    <style type=”text/css”>

    body, body.fixed_width {
    background-color:#FFFFFF;
    }

    </style>

    Bijdrager
    verhoevenw

    Meh 1965 en Sidje beiden hartelijk bedankt voor jullie bereidwillige hulp, aan het antagonist-forum had ik nog niet gedacht! Met het zoeken ben ik nu weer een beetje zoet;-)

23 berichten aan het bekijken - 1 tot 23 (van in totaal 23)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.