Support » Teemat ja mallit » Etusivun leveyden muokkaaminen…

  • Miten Mantran leveyden saa muutettua niin ettei ruutu veny leveyssuunnassa iMacin 27″ tyylisissä ruuduissa.

    Nyt Mantran etusivun alaosan kuvalinkit venyvät ruudun mukaan.

    Eräs nörtti pyysi muuttamaan sivun leveyttä, eli laittamana max. leveyden seuraavasti:

    ”<style type=”text/css”> #wrapper { width:80% ;} …”

    eli tuon 80% kun kokeilet muuttaa johonkin kiinteeseen arvoon, esim. se ”1024px” niin saattais toimia.

    No en ole löytänyt sellaista tiedostoa, jossa tuo 80% leveys olisi.

    Mitä mun nyt tulisi siis tehdä. Mistä tiedostosta löydän mokoman tiedon muokattavaksi?

Esillä 12 vastausta, 1 - 12 (kaikkiaan 12)
  • Yleensä kyseinen tiedosto on nimeltään style.css, ja se löytyy teeman hakemistosta.

    wp-content/themes/teema/style.css

    Thread Starter ulusiam

    (@ulusiam)

    Aika toivotonta. Eipä ole siellä.

    Olen käynyt kaikki mahdolliset tiedostot läpi.

    URL auttaisi asiaa. Eli linkki sivustolle, niin pääsee katselemaan.

    Thread Starter ulusiam

    (@ulusiam)

    Tässä voisi auttaa seuraava tieto: viimeksi asetettu tieto tyylitiedostossa (.css) kumoaa aiemmin asetetun tiedon.
    Eli, jos asetat viimeksi latautuneen .css tiedoston loppuun tekstin

    #wrapper {
        width: 1024px; /* tai 1280 tai jotain muuta */
    }

    niin wrapperleveys pitäisi asettua arvoon 1024 (tai johonkin muuhun).

    Kokeile ensin style.css tiedoston loppuun. Jos ei vaikutusta, niin joku muu .css tiedosto latautuu sen jälkeen. Kun et löytänyt tietoa style.css tiedostosta, ehkä leveys on asetettu teeman käyttöliittymän kautta.

    Thread Starter ulusiam

    (@ulusiam)

    Kiitoksia… kokeilen jahka ehdin kotitöiltä 🙂

    Alaosan kuvalinkit ovat #front-columns -id:llä nimetyn div-elementin sisällä. Eli etsi css-tiedostosta kyseinen kohta ja kokeile vaikka jotain tyyliin:

    #front-columns {
     display: block;
     max-width: 900px;
     float: none;
     margin: 0px auto;
     overflow: hidden;
     padding-top: 20px;
    }
    Thread Starter ulusiam

    (@ulusiam)

    Kiitokset Linkolalle, nyt etusivu toimii kuten pitääkin 🙂

    Moderator Sami Keijonen

    (@samikeijonen)

    Jos päivitit suoraan teeman style.css tiedostoa, niin menetät sen muutoksen kun seuraavan kerran päivität teemaa. Aktiivisena on kuitenkin oikeaoppisesti alateema (child theme. Joten kustomoidut CSS:t pitäisi lisätä alateeman style.css tiedostoon.

    wp-content/themes/mantra-child/style.css
    Thread Starter ulusiam

    (@ulusiam)

    Eli ymmärsinkö nyt oikein… mun pitäis kirjoittaa ne rivit vielä erikseen olemassa olevaan wp-content/themes/mantra-child/style.css alaisuuteen?

    Moderator Sami Keijonen

    (@samikeijonen)

    Ei erikseen vaan pelkästään lapsiteeman style.css tiedostoon.

    Thread Starter ulusiam

    (@ulusiam)

    Nyt se on tuolla child-teeman style.css tiedostoon kirjoitettuna. Oletettavasti puhuttiin samasta asiasta, mut väännettiin mallia vaan rautakangesta 😉

Esillä 12 vastausta, 1 - 12 (kaikkiaan 12)
  • The topic ‘Etusivun leveyden muokkaaminen…’ is closed to new replies.