Salve
sto curando la parte grafica del sito di un circolo di scacchi. Ho utilizzato il tema Scaccarium.
Ho lasciato così com'era i font-size, a parte qualche piccolo ritocco alla misura, e non all'unità di misura.
Ho però riscontrato il problema che al variare della risoluzione, posso avere caratteri enormi su monitor relativamente piccoli o piccolissimi su monitor più grandi.
Però in altri temi non mai avuto questo problema. Come potrei risolvere? Consigli? C'entra forse qualcosa con il fatto che in altri siti utilizzavo delle aree con width ben definiti in px e qua no?
Grazie
Posto il css customizzato:
@CHARSET "UTF-8";
/*GENERAL*/
/*modifichiamo la posizione di aci&galatea*/
#knight-bishop-inner {
left: 0;
top: 0;
position: absolute;
width: 279px;
height: 271px;
}
/*settiamo a bianco lo sfondo*/
#page {
background: #fff;
}
/*il menu orizzontale è bene spostarlo un po' più centrato*/
#primary {
left: 45px;
right: 20px;
}
/*BREADCRUMB*/
/*riposizionamento del breadcrumb in relazione al nuovo logo*/
div.breadcrumb {
padding-left: 40px;
}
/*così la casetta home e i link che ne seguono sono ben allineati*/
div.breadcrumb a img {
vertical-align: middle;
}
/*BODY*/
#block-gs_configurator-0 {
font-size: 0.9em;
}
/*ingrandimento del font del nome sito*/
#site-name {
font-family: verdana, helvetica, sans-serif;
font-size: 1.75em;
}
#site-slogan {
padding-top: 25px;
font-size: 0.75em;
font-weight: bold;
}
/*ridefinizione font-family & size per il title*/
h2#page-title {
font-family: verdana, helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
}
h1.title, h3.title, h3.title a {
font-family: verdana, helvetica, sans-serif;
font-size: 1em;
}
h3.title, h3.title a {
font-weight: bold;
}
/*riduzione della dimensione del carattere dei blocchi*/
h4 {
font-family: verdana, helvetica, sans-serif;
font-size: 0.9em;
}
div.submitted {
font-size: 0.8em;
}
div.block ul.menu li a {
font-size: 0.9em;
}
div.block ul.menu li a:hover, div.block ul.menu li a.active {
font-weight: normal;
text-decoration: underline;
}
div.content {
font-size: 0.9em;
}
div.content-faq {
margin-top: 12px;
}
#content {
margin: 0 auto;
margin-top: 25px;
max-width: 910px;
}
#content-inner {
margin: 0;
padding: 0;
font-size: 0.75em;
max-width: 900px;
}
/*SIDEBAR-LEFT*/
/*riposizionamento della sidebar-left*/
#sidebar-left {
margin-top: 15px;
width: 210px;
}
/*riposizionamento della sidebar-left*/
#sidebar-left-inner {
padding-top: 12px;
}
/*SIDEBAR-RIGHT*/
/*miglior sfruttamento dello spazio a disposizione...*/
#sidebar-right {
position: relative;
right: 0;
top: -50px;
width: 175px;
}
/*miglior sfruttamento dello spazio a disposizione...*/
#sidebar-right-inner {
padding: 10px 0 5px 10px;
text-align: center;
}
/*FOOTER*/
/*??*/
#footer-region div.block {
float: none;
border-width: 3px;
padding: 5px;
}
/*ingrandimento del font del footer e del Menu Footer*/
#footer-region #block-gs_content-0 {
font-size: 0.75em;
}
#footer-region #block-gs_configurator-3 {
font-size: 0.75em;
}
/*customizzazione del logo "powered by drupy"*/
#footer-region #block-system-0 {
background: #8c2c00;
border: 0;
}
/*edit colore dei link dei link in footer*/
#footer-region div.block a {
color: #2d2f00;
}
/*aggiunta del sottolineato ai link del footer*/
#footer-region div.block a:hover, #footer-region div.block a:active {
text-decoration: underline;
}
/*customizzazione del footer message*/
#footer-message {
padding-bottom: 15px;
color: #fff;
font-size: 0.75em;
}
/*posizionamento del logo*/
#footer-logo {
padding-top: 12px;
}
