Support » Teemat ja mallit » Steira-teeman muokkausongelmia

  • ResolvedModerator hpguru

    (@hpguru)


    Uudessa blogissa otin käyttöön Steira-nimisen teeman ja nyt muokkaan sitä omanlaiseksi. Kaikki on mennyt hyvin, mutta nyt vielä muutamia ongelmia, joita en osannut paikallistaa.

    Sivu: http://www.jyrivaatainen.net/

    Sivupalkin otsikkojen alla liikaa tyhjää valkoista. Saisiko sen pois jotenkin? Esim. Blogin aiheet -tekstin alla liikaa valkoisuutta.

    Toinen ongelma mihin törmäsin, muokkauksen jossain vaiheessa kommenttilistaus kutistui, saisiko sen leveämmäksi (sama leveys kuin artikkelin tekstit).

    Olisin kiitollinen, jos joku viitsii tutkia nuo, sillä itse en löydä ja tunnin etsinyt…

Esillä 15 vastausta, 1 - 15 (kaikkiaan 24)
  • Moderator Mikko Saari

    (@msaari)

    Kai sulle on Firebug tai Safari käytössä?

    Sivupalkin otsikoiden kanssa juju on siinä, että osa tyhjästä tilasta tulee otsikosta, mutta isompi osa siitä alla olevasta listasta. Eli ota tyhjää pois #sidebar .widget ul -elementistä.

    h2.haslink -elementtiin taas pistäisin enemmän tyhjää päälle, nyt artikkelilistauksessa otsikot yhdistyvät tavallaan edellisen jutun loppuun oman juttunsa sijasta. Esimerkiksi nyt tuossa etusivulla tuo Ihmekuulokkeet-otsikko on ihan liian lähellä sitä edellisen jutun loppua.

    Kommentit näyttävät olevan yhtä leveitä kuin jutun teksti, saitko korjattua?

    Moderator hpguru

    (@hpguru)

    Sain korjattua kommentit äsken… piti etsiä puoli tuntia noita… 😀

    Pitänee tsekata noita. Etusivulla ainakin vielä alaosan navigaatio sekaisin tokasta sivusta eteenpäin.

    Moderator hpguru

    (@hpguru)

    Olen yrittänyt Firebugillakin noita tutkia, mutta ei oikein tähän asti ole onnistunut. Kun olen kokeillut vähän kaikkea eikä ne välit sieltä poistu. Saa nähdä poistuvatko nyt.

    Moderator hpguru

    (@hpguru)

    Laitoin tuohon hashlinkiin 10 pikseliä, mutta sitten sivupalkin eka otsikko ei ole enää suorassa sen kanssa.

    Moderator hpguru

    (@hpguru)

    Kiitos, tuon väliongelman sivupalkissa sain myös korjattua. Nyt löytyi oikea kohta.

    Moderator hpguru

    (@hpguru)

    Jees, sain tuon navigaationkin toista sivua eteenpäin ratkaistua. Saisiko jotain vinkkiä vielä miten tasoittaa otsikko sivupalkin ekaan otsikkoon? Kun siinä mainitsit tuosta välistä, niin laitoin sen siksi nollille, että se olisi tasoissa sivupalkin ensimmäisen otsikon kanssa. Nyt ne on hieman eri paikoissa. Pitäisi joko palauttaa nolla tai laskea jotenkin sivupalkkia?

    Moderator Mikko Saari

    (@msaari)

    Ei minusta noiden otsikoiden tarvitse olla linjassa keskenään, nehän ovat ihan eri asioita ja muutenkin eri kokoisia.

    Moderator hpguru

    (@hpguru)

    Laitoin sinne 20 px, tosin otsikoiden suuri klikattavuus hieman ärsyttää. Miten sen saisi normaaliksi? Että se ottaisi sen linkkinä vain kirjaimista?

    Moderator hpguru

    (@hpguru)

    Onko muuten mitään neuvoa miten saisin wp-captionsit (pienet kuvat missä Kuvaaja: Jyri Väätäinen alla) samalle tasolle koko artikkelin kokoiseen kuvaan nähden? En ole siihenkään ratkaisua löytänyt…

    Moderator Mikko Saari

    (@msaari)

    h2.haslink a -elementistä pitää ottaa pois ”display: block”, sitten linkki ottaa vain tekstistä.

    Edelleen juttujen otsikoissa on enemmän tilaa alla kuin päällä, pitäisi olla luettavuuden kannalta minusta ehdottomasti toisin päin.

    Ota tuosta #sidebar .widget ul, #sidebar .widget .textwidget, #sidebar .widget .aboutshort, #sidebar .widget table, #sidebar .wp_widget_tag_cloud div, #sidebar #akismetwrap -elementistä paddingistä se yläreunan 20px padding pois, niin näyttää paljon paremmalta. Vastaavasti tuohon h2.haslink, h2.post-title -elementtiin laittaisin yläreunaan sen 20px paddingia.

    Anna tuosta kuvatekstiasiasta joku esimerkkisivu, missä vika näkyy.

    Moderator hpguru

    (@hpguru)

    Se on heti tuossa etusivulla esimerkki http://www.jyrivaatainen.net/ Ihmekuulokkeet-kuva ja alla on SAS-kuvakaappaus. Huomaat, että SASin kvuakaappaus päättyy 470 pikselin kohdalle, mutta pikkukuva lisättynä WP-captionilla on siitä muutama pikseli lisää. Eivät ole siis tasoissa keskenään.

    Moderator hpguru

    (@hpguru)

    Linkit on nyt hyvin, kiitos, samalla lisäsin 20 pikseliä artikkelien väliin. Tuota otsikon alta en saa pois mitenkään vähemmäksi valkoisuutta. Lisäksi otsikko on minusta klikattavana vähän turha leveällä areenalla.

    Moderator hpguru

    (@hpguru)

    No nyt sain sen jotenkin alavalkoisuuden pois, meniköhän liian alas? Muokkaus: Nyt on 10 pikseliä.

    Moderator hpguru

    (@hpguru)

    <div id="nav-above" class="navigation">
    
    						<div class="nav-previous"><a href="http://www.jyrivaatainen.net/page/2/" ><span class="meta-nav">&lsaquo;</span> Vanhemmat artikkelit</a></div>
    						<div class="nav-next"></div>
    					</div><!-- #nav-above -->

    Jostain syystä tuo ei näy ylälaidassa enää. Koodista kyllä löytyy. Piilottaako joku CSS-kohta tuon?

    Moderator Mikko Saari

    (@msaari)

    Ah, no en hirveästi murehtisi tuosta caption-jutusta, koska sitä ei kyllä huomaa kukaan muu. Olen katsellut tuota sivua jo muutamaan kertaa, enkä huomannut siinä mitään vikaa. Jos haluat tuhlata aikaasi asiaan, jolla ei ole hirveästi merkitystä, säädä .wp-caption-elementin oikean reunan paddingia.

    Artikkelien välissä on nyt riittävästi tilaa, hyvä. Yläpuolella on enemmän tilaa kuin alapuolella, joten hyvältä näyttää.

    h2.haslink a, h2.post-title span.wrap -elementissä on 20 pikseliä paddingia. Ota se pois tästä a-elementistä ja siirrä h2.haslink ja h2.post-title -elementteihin, niin ulkonäkö pysyy samana, mutta klikattava alue on pienempi.

    .nav-above:ssa on display: none.

Esillä 15 vastausta, 1 - 15 (kaikkiaan 24)
  • The topic ‘Steira-teeman muokkausongelmia’ is closed to new replies.