Byta storlek på titelfont i sidebar i Twenty Twelve-theme Wordpress

Permalänk
Avstängd

Byta storlek på titelfont i sidebar i Twenty Twelve-theme Wordpress

Skulle någon kunna förklara för mig hur man ändrar storleken i sidebar på fonttitlarna som "Recent posts", "Popular Posts" etc? Jag har googlat i sönder mig, men hittar ingenting. Det finns bara en inbyggd font-size man kan ändra i detta theme, men det ändrar resten av texten i sidebar, inte storleken på titlarna.

Jag använder mig av Wordpress-themet Twenty Twelve. Såhär ser sidebar-koden ut i CSS stilmallen:

/* Sidebar */
.widget-area .widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
word-wrap: break-word;
}
.widget-area .widget h3 {
margin-bottom: 24px;
margin-bottom: 0.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
font-size: 13px;
font-size: 0.948571429rem;
line-height: 1.846153846;
text-decoration: none;
}
.widget-area .widget p {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
list-style: disc outside;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
margin-left: 36px;
margin-left: 2.571428571rem;
}
.widget-area .widget a {
color: #21759b;
text-decoration: none;
}
.widget-area .widget a:hover {
color: #757575;
}
.widget-area #s {
width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

Permalänk
Medlem
Skrivet av Emmet45:

Skulle någon kunna förklara för mig hur man ändrar storleken i sidebar på fonttitlarna som "Recent posts", "Popular Posts" etc? Jag har googlat i sönder mig, men hittar ingenting. Det finns bara en inbyggd font-size man kan ändra i detta theme, men det ändrar resten av texten i sidebar, inte storleken på titlarna.

Jag använder mig av Wordpress-themet Twenty Twelve. Såhär ser sidebar-koden ut i CSS stilmallen:

/* Sidebar */
.widget-area .widget {
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
word-wrap: break-word;
}
.widget-area .widget h3 {
margin-bottom: 24px;
margin-bottom: 0.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
font-size: 13px;
font-size: 0.948571429rem;
line-height: 1.846153846;
text-decoration: none;
}
.widget-area .widget p {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
list-style: disc outside;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
margin-left: 36px;
margin-left: 2.571428571rem;
}
.widget-area .widget a {
color: #21759b;
text-decoration: none;
}
.widget-area .widget a:hover {
color: #757575;
}
.widget-area #s {
width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

Eftersom man inte ser HTML & CSS kodningen ihop så är det svårt att avgöra.
Men ända stället i CSS-texten du länkade där man kan ändra storlek är:

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 13px; font-size: 0.948571429rem; line-height: 1.846153846; text-decoration: none; }

Där "Font-size: 13px" är storleken. Vill du ha större, prova ändra den till t.ex 20.
Ta bort "Font-size: 0.948571429rem;"

Omöjligt att avgöra då man inte ser hela koden

Visa signatur

Never say sorry. It's a sign of weakness

Permalänk
Avstängd
Skrivet av Nysaan:

Eftersom man inte ser HTML & CSS kodningen ihop så är det svårt att avgöra.
Men ända stället i CSS-texten du länkade där man kan ändra storlek är:

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 13px; font-size: 0.948571429rem; line-height: 1.846153846; text-decoration: none; }

Där "Font-size: 13px" är storleken. Vill du ha större, prova ändra den till t.ex 20.
Ta bort "Font-size: 0.948571429rem;"

Omöjligt att avgöra då man inte ser hela koden

Som jag skrev i min originalpost så finns det bara en inbyggd font-size man kan ändra i detta theme, men det ändrar resten av texten i sidebar, inte storleken på titlarna. Men tack ändå.

Permalänk
Medlem
Skrivet av Emmet45:

Som jag skrev i min originalpost så finns det bara en inbyggd font-size man kan ändra i detta theme, men det ändrar resten av texten i sidebar, inte storleken på titlarna. Men tack ändå.

Då lär du ju öppna HTML-filerna och leta vad det är för CSS som bestämmer storleken på titeln?

EDIT:
Laddade hem CSS filen (HELA) och hittade detta iaf:

/* Small headers */ .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #636363; }

Visa signatur

Never say sorry. It's a sign of weakness

Permalänk
Medlem

Istället för att skapa en ny tråd varenda gång du stöter på problem i ditt nuvarande Wordpressprojekt så kan du väl ändå hålla dig till en generell?

Permalänk
Medlem

På rad 621 i stilmallen style.css finner du detta...

.widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; }

Lägg till font-size: 14px; för att ändra storleken på alla titlar i sidomenyn till storlek 14.

Permalänk
Medlem

Någon som vet hur man ändrar font size i css för twenty twelve? Dvs. för den vanliga texten på sidan. Jag håller på att leta men det kanske går snabbare om det är någon som vet?

Visa signatur

jepp

Permalänk
Medlem

Om du tänker på blogginläggen verkar det vara på rad 792 i style.css:

.entry-content p

Ett tips på vägen: kolla in Chrome DevTools, Firebug eller liknande...