Support » Teemat ja mallit » 2011 teeman footer widgettien leveys?

  • Resolved heinakenka

    (@heinakenka)


    Moi,

    Yritän muuttaa twenty eleven footterin widgettien leveyttä.
    Vakiona ne ovat tasalevyiset mutta haluaisin keskimmäisen leveämmäksi.

    Löysin yhden ohjeen mutta valitettavasti en ymmärrä sitä…:

    The class ”widget-area” applies to all three areas in the footer:

    <div id=”first” class=”widget-area” role=”complementary”>
    <div id=”second” class=”widget-area” role=”complementary”>
    <div id=”third” class=”widget-area” role=”complementary”>
    What makes each area unique is it’s id (first, second, and third). You could add a CSS rule for each in your style sheet in order to control the width for each one separately.

    Hope this helps!

    linkki em ohje sivulle

    Voisinko saada vähän lisä selvennystä tuohon ohjeeseen eli mitä pitää css:n lisätä?

    Olen kokeillut esim tällaista:

    #supplementary.widget-area .first {
    	width:15%;
    }
    
    #supplementary.widget-area .second {
    	width:70%;
    }
    
    #supplementary.widget-area .third {
    	width:15%;
    }

    Mutta ei toimi 🙁

    Hannu

Esillä 2 vastausta, 1 - 2 (kaikkiaan 2)
  • Thread Starter heinakenka

    (@heinakenka)

    Moi,
    Aikani kokeiltua homma selvisi.

    Piti ensin kommentoida pois alkuperäisen css tiedoston rivi, jossa määrätään kaikkien widgettien leveydeksi 30%

    Sen jälkeen leveyksiä voi helposti muuttaa suoraan nimeen viittaamalla:

    #second {
    	width:55%;
    }

    Ano Nymous

    (@christian-nikkanen)

    Tämä nyt tulee todella myöhässä, mutta jos tuntuu että WordPress ei oikeen tunnu ottavan omaa CSSssää vastaan, niin kokeile sen oman koodin lisäämistä viimeisen tyylitiedoston pohjalle, ja sen pitäisi mennä kaikkien muiden määrittelyjen edelle, olettaen että nollaat kaikki tyylimäärittelyt elementille.

    Esim:

    .header{
    margin:0;
    padding:0;
    background:none;
    background-image:none;
    border:none;
    outline:none;
    box-shadow:0px;
    border-radius:0px;
    /*yms...*/
    }
Esillä 2 vastausta, 1 - 2 (kaikkiaan 2)
  • The topic ‘2011 teeman footer widgettien leveys?’ is closed to new replies.