Lisää CSS:ään alla oleva koodi:
.date-header {
text-align: center;
}
.post-title {
text-align: center;
}
Tekstin otsikon ja päivämäärän keskittäminen
keskiviikko 2. maaliskuuta 2016
Tunnisteet:
CSS,
keskittäminen,
otsikko,
päivämääräotsikko
loading..
Tilaa:
Lähetä kommentteja (Atom)
Miten tekstin ja alatunnisteen välissä olevat "viivat" saa pois?
VastaaPoistaLisää alla oleva koodi CSS:ään:
Poista.footer-outer {
border-top: none;
margin-top: -100px;
}
Entä miten otsikkoon ja tekstin alatunnisteeseen saa vaikkapa harmaan taustavärin? Toivottavasti ymmärsit, mitä ajoin takaa...
VastaaPoistaEn kyllä ihan ymmärtänyt. Osaatko selittää tarkemmin? :D
PoistaTuo koodi ei toimi. Tarkoitin siis tätä viivaa:
VastaaPoista----------------------------------------------
teksin ja sen alatunnisteen välissä.
Tiedän mitä tarkoitit. Outoa, jos ei toimi :/
PoistaPiinaan sua näköjään nyt ihan kunnolla. :D
VastaaPoistaOlisi vielä sellainen kysymys, että miten päivämääräotsikon voi keskittää.
Sehän on tämän koko postauksen pointti...?
PoistaTarkoitin siis tuolla taustavärillä sitä, joka sulla on vaaleanpunaisena esim. "Lue"-gagdetissä.
VastaaPoistaNiin, ja tuon yo. kommenttini voi laittaa väsymyksen piikkiin.😃
Joo, laitetaan väsymyksen piikkiin :-D
PoistaKoko juttu on hieman vaikea mulle, koska mulla on ostettu ulkoasu, jonka takia mä pystyin muokata esimerkiksi tuon "Lue" -kohdan taustaväriä. Kokeilin kuitenkin selvittää juttua, enkä vielä löytänyt koodista sellaista kohtaa, jossa voisi muokata VAIN gadgettien otsikoiden taustaväriä. Mutta jos sulle on OK, että sama taustaväri tulee myös blogipostauksen päivämääräotsikon taustalle, niin silloin tee tämä:
1. Mene Malli > Muokkaa HTML-koodia
2. Avaa HTML-koodissa oleva ensimmäinen (mahdollisesti musta) nuoli.
3. Etsi seuraava koodi: (yleensä koodi on rivillä 285, mutta ei kaikilla...)
3. h2 {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
}
4. Kun olet löytänyt tuon koodin, (koodi on yleensä keskitetyssä muodossa, ei vasemmalta oikealle -muodossa!) lisää sen alle koodi:
background: #000000;
#000000 -kohtaa voi muokata, ja laittaa erilaisia "koodeja", eri värikoodien nimet eri väreille löydät täältä: http://html-color-codes.info/
5. Lisää HTML-COLOR-CODES sivustolta löytämäsi värikoodi, ja lisää se numeroiden 000000 tilalle, mutta älä poista ; tai # merkkejä.
Toivottavasti sain autettua sua ! :-)
koodi ei toiminut.
VastaaPoistaMikä sun blogin ulkoasun malli on? :) Tarkista, että laitoit koodin oikein!
PoistaHei! Osaisitko kertoa miten saan kommenttiboksin keskitettyä? Olen yrittänyt keskittää sitä muutamalla eri koodilla, jotka ovat toimineet kyllä aikaisemmin, mutta en vain saa sitä enään toimimaan :/ En löydä koodeistani sellaista koodia joka pitäisi poistaa, jotta tämän keskittämisen saisi toimintaan.
VastaaPoista