Teeman oletus fonttikoon muuttaminen?
-
Teema: dkret3
Oletus fontti on turhan iso.
Mitä pitää muokata että saan sitä pienennettyä?
Sivut ovat siis jo käytännössä muuten valmiit, voiko css:n muokkaamisella muuttaa koko sivuston fontit kerralla pienemmäksi?
Ja onnistuuko muokkauksen tekeminen hallintapaneelin editorilla?
-
Voi ja onnistuu. Tai no, riippuu vähän miten teeman tyylit on rakennettu, mutta sopivaan kohtaan lisätty font-size: 90% tms. hoitaa kyllä homman.
* {
font: 14px ’Lucida Grande’, ’Lucida Sans Unicode’, Verdana, Geneva, Arial, Sans-Serif;
line-height: 1.3;
}
/* Default html styles and css classes */
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
clear: both;
color: #3a7930;
font-weight:normal;
margin: 20px 0 10px 0;
}
h1 {
font-size: 23px;
}
h2 {
font-size: 21px;
}
h3 {
font-size: 19px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 15px;
}
h6 {
font-size: 13px;
}
.mceContentBody > h1:first-child,
.mceContentBody > h2:first-child,
.mceContentBody > h3:first-child,
.mceContentBody > h4:first-child,
.mceContentBody > h5:first-child,
.mceContentBody > h6:first-child {
margin-top: 0;
}a {
color: #048;
outline: none;
text-decoration: none;
}
a:hover {
color: #68f;
}
a img {
border: none;
}
p {
margin-bottom: 10px;
}
img {
font-size: 0.6em;
}
strong,
b {
font-weight: bold;
}
em,
i,
cite {
font-style: italic;
}
big {
font-size: 120%;
}
small {
font-size: 80%;
}
del {
color: red;
}
ins {
color: green;
}
hr {
border-color: #666;
border-style: dotted;
border-width: 1px 0 0 0;
margin: 20px 0;
}
pre {
background: #f6f6f6;
border: 1px solid #ccc;
border-radius: 3px;
-moz-border-radius: 3px; /* Mozilla */
-webkit-border-radius: 3px; /* Webkit */
font: 10px Monaco, monospace, Courier, ”Courier New”;
margin-bottom: 10px;
overflow: auto;
padding: 5px;
}
code {
background: #f6f6f6;
font: .9em Monaco, monospace, Courier, ”Courier New”;
}
pre code {
font-size: 13px;
}blockquote {
background-color: #E5ECF9;
border: 1px solid #C3D9FF;
border-radius: 3px;
-moz-border-radius: 3px; /* Mozilla */
-webkit-border-radius: 3px; /* Webkit */
margin: 15px;
padding: 5px 20px;
}
address {
margin-bottom: 10px;
}
.clear {
clear: both;
padding: 10px 0 0 0;
}
.space {
padding: 15px 0 0 0;
}
.border {
border-bottom: 1px solid #444;
}
.padding {
padding: 3px;
}
.icon {
padding: 0!important;
margin: 0!important;
border: none!important;
}
.button {
-moz-border-radius: 14px;
-webkit-border-radius: 14px; /* Webkit */
border: 1px solid #ccc;
padding: 4px 12px;
}
acronym,
abbr,
span.caps {
cursor: help;
border-bottom: 1px dotted;
}
.entry-header .entry-date abbr {
border: none;
}
fieldset,
legend {
padding: 5px;
}
table {
margin: 15px 0;
width:100%;
}
th {
font-weight: bold;
background: #E5ECF9;
}
th,
td {
padding: 5px 10px;
}
tr.even td {
background: #F0EFEF;
}
tfoot {
font-style: italic;
}
#submit,
label:hover {
cursor: pointer;
}/* images */
.image,
img {
margin: 3px 15px;
}
.gallery-post #nav {
height: auto;
margin: 0 0 30px;
overflow: hidden;
}
.gallery-post {
overflow: hidden;
}
.size-medium,
.size-thumbnail,
.size-large,
.size-full,
.gallery img,
.attachment-medium,
.attachment-thumbnail,
.gallery .attachment-thumbnail {
background: #f6f6f6;
border: 1px solid #ccc;
border-radius: 4px;
-moz-border-radius: 4px; /* Mozilla */
-webkit-border-radius: 4px; /* Webkit */
padding: 3px;
}
.attachment-thumbnail {
margin: 2px;
}
.gallery-caption {
margin-left: 0;
}
.image {
margin: 0 15px;
padding: 3px;
}
.wp-caption,
.entry-image {
padding: 3px;
background: #f6f6f6;
border: 1px solid #ccc;
border-radius: 4px;
-moz-border-radius: 4px; /* Mozilla */
-webkit-border-radius: 4px; /* Webkit */
text-align: center;
}
.wp-caption-text,
.gallery-caption {
font-size: 12px;
margin: 3px;
}
.wp-caption img {
margin: 0 auto;
padding: 0;
}
.entry-caption {
text-align: center;
}
img.aligncenter,
.aligncenter,
.alignnone,
.attachment-medium,
.attachment-large {
clear: both;
display: block;
float: none;
margin: 15px auto;
text-align: center;
}
.alignnone {
margin: 15px 0;
}
.alignleft,
.entry-image,
.wp-post-image {
float: left;
margin: 3px 15px 3px 0;
}
.alignright {
margin: 3px 0 3px 15px;
float: right;
}
.noborder {
border: none!important;
}
.wp-smiley {
margin: 0;
}
.gallery {
clear: both;
margin: 15px 0;
}
.gallery img {
margin: 0;
}/* lists, forms and tables */
ul, ol, dl {
margin: 5px 0 10px 0;
}
li {
margin-bottom: 2px;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
dl dt {
font-weight: bold;
margin-top: 10px;
}
dl dd {
margin-top: 6px;
}
dt {
color: #3a7930;
}
ul ul li {
padding-left: 15px;
}
ol li {
margin-left: 30px;
padding: 0;
}Siinä suoraan editorista teeman css..
Mihin väliin lähdettäisiin kokeilemaan?Tuosta heti alusta se font-size: 14px, siitä säädät pienemmäksi, vaikka 12px.
Ei auta. Samana pysyy koko sivuilla siltikin.
Kokeilin tuota muuttaa ja muutoksen jälkeen uuden artikkelin kirjoittamisen ikkunassa tekstikoko on muuttunut, mutta kun otan siitä esikatselun niin ei vaikutusta. Samoin ei vaikuta jo olemassaoleviin artikkeleihin.
Vaihdon jälkeen kannattaa varmistua, että tallensi muutokset ja ylipäätänsä oikeaan tiedostoon ja lopuksi vielä varmistaa painamalla F5 blogissa.
Ei siinä muuallakaan tekstin kokoa muuteta, eli selaimesi antaa sinulle luultavasti vielä vanhaa versiota tuosta CSS-tiedostosta.
- The topic ‘Teeman oletus fonttikoon muuttaminen?’ is closed to new replies.