Ondersteuning » Thema en CSS/opmaak » H3 kop te groot in side bar

  • Opgelost ilse89

    (@ilse89)


    Hoi,
    Ik ben de laatste weken aan de slag gegaan met mijn eigen wordpress theme. Dit was moeilijker dan gedacht, dus heb ik zelf de 2010 weaver theme aan gepast naar mijn eigen ontwerp. Dit is goed gelukt er zijn alleen nog 2 dingen waar ik niet uit kom:

    1. in mijn site bar, zijn alle koppen in H3 veel te groot dus, heb al van alles geprobeerd om die te wijzigen in de css maar dat lukt niet. Heb ook geprobeerd om de php code te veranderen, maar toch blijft hij zo belachelijk groot.

    2. Onderaan bij de footer, heb ik een extra paarse streep er in zitten die er niet in hoort. Weet iemand misschien hoe ik die weg kan krijgen? Zo ver ik heb kunnen ontdekken is het geen border.

    Ik hoop dat iemand mij kan vertellen wat ik fout doe of over het hoofd zie.
    Dit is de link naar de blog ( is dus nog niet af)
    http://mediavormgever.net/~Hakvoort96/wordpress/

    Groetjes Ilse

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Widget-title

    Ik heb even in import style gekeken voor je en in de 2010 stylesheet maar ik zie inderdaad een code staan:

    h3 .widget-title { font-size: 10px;}

    Ik zou hier toch nog even mee spelen, probeer eens:

    .widget-title { font-size: 10px;}

    Border

    De border/lijn is zo te zien de achtergrond, de footer/container of content area heeft waarchijnlijk een padding/margin die niet gewenst is.

    De gemakkelijkste oplossing lijkt mij om de footer 3-5 pixels omhoog te schuiven:

    margin-top: -4px;

    M.v.g OntwerpExpert

    Thread starter ilse89

    (@ilse89)

    Hoi,
    Widget-Title
    Bedankt voor je tips! Ik heb het van de Widget-title geprobeerd, maar het is niet gelukt. Ik heb dit ook in meerdere css bestanden aan gepast omdat de ene weer naar de andere verwijst en dergelijke. Ik heb zelfs in de PHP code van de pagina gewoon een regeltje style code neer gezet, met dat hij h3 moet aanpassen naar 10 px; Maar dan pakt hij hem ook niet.

    Border
    Met de border is het gelukt, nu je het zo zei kwam het mij ook al bekent voor. Heb zelf een extra div aan gemaakt. En ik vroeg me al af waarom hij bij de rest ook al margin-top: -4p aan gaf.

    Groetjes Ilse

    Je kunt proberen de css aan te passen en een #sidebar h3 te stylen. Wie weet pakt ie die wel.

    Als uiterste optie zet ik het wel eens op als onderstaande code om er snel achter te komen welke code hem pakt:

    #sidebar h3, .widget-title h3, #box h3 {

    color: #FF0000;
    }

    Kortom, ik typ direct 4-8 varianten en een opvallende kleurcode zodat ik kan zien wanneer/welke werkt.

    Thread starter ilse89

    (@ilse89)

    Hoi,

    Slim van je om een kleur code er aan toe te voegen, helaas werkt dit ook niet! Ik ben echt radeloos, met wat ik er nu mee aan moet.

    Groetjes Ilse

    Als je een inline style toevoegd werkt het zoal, of je geeft de title-widget een andere naam. En je styled die in css. Wanneer de h3 de complete stle blijft overschrijven haal je dat gewoon weg en maak je er een sidebar-title class van.

    Thread starter ilse89

    (@ilse89)

    Hoi

    ik heb er nu een p class van gemaakt met mijn eigen waarden, maar hij blijft nog steeds zo groot, en krijgt niet de kleur die ik mee gegeven heb. Dus het is mij een groot raadsel waar uit hij aangestuurd wordt..
    Heb alle css bestanden beken en ik kan niks aparts vinden.
    Zelfs toen ik h3en wigdet-title er uit had, en alleen een p er had neer gezet, bleef hij hetzelfde…

    Echt vaag

    Groetjes Ilse

    Je kunt een tijdelijk admin account maken en die gegevens sturen naar info (a) ontwerpexpert.net

    Dan kijk ik even voor je,

    M.v.g OntwerpExpert

    Hallo Ilse,

    Probeer in 2010style.css bij de selector .widget-title-custom de font-size te veranderen.

    Een tip: Download Firebug. Dit is een hele handige extentie voor firefox, waarmee je kunt zien welke CSS selector verantwoordelijk is voor de styling van een HTML element, en in welk css bestand het staat.

    Succes ermee, en post maar als je er niet uitkomt.

    Pas deze regel maar aan in 2010style.css

    .widget-title-custom (line 13) {
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin-bottom: 5px;}

    Font-size staat dus op 16px

    // Ze is vergeten dit onderwerp als opgelost te zetten.

    Ik heb het 4 dagen geleden voor haar opgelost in de codering.

    Thread starter ilse89

    (@ilse89)

    sorry,
    ik ben tussen door op vakantie geweest, en die avond er voor werd het opgelost, had er niet meer aan gedacht om het even op het forum te veranderen, nu wel gedaan :p

11 reacties aan het bekijken - 1 tot 11 (van in totaal 11)
  • Het onderwerp ‘H3 kop te groot in side bar’ is gesloten voor nieuwe reacties.