plik style.css, tu masz przyczynę:
.entry-content h3,
.comment-content h3 {
font-size: 30px;
font-size: 3.0rem;
line-height: 1.6;
}
Thread Starter
Karol
(@karol296)
Dzięki, pomogło.
A czy można tak zrobić, ze ten napis będzie w jednej linijce, a przycisk zosranie wtedy lekko przesunięty w prawo?
Musisz zwiększyć szerokość dla h3.sd-title i zmniejszyć dla .post-likes-widget
Thread Starter
Karol
(@karol296)
Przeszukałem cały edytor css motywu i nie znalazłem takich opcji. Jestem zielony w tym temacie, chodź robię postępy. Jakaś wskazówka, gdzie mogę znaleźć te opcje?
Bo są w stylach wtyczki jetpack (plugins/jetpack/modules/likes/style.css ).
np.
h3.sd-title {
font-size: 12px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 3px 0;
padding: 0;
text-transform: none;
letter-spacing: 0;
line-height: 1;
font-weight: bold;
width: 15.625%; /* 100px / 640px */ float: left;
position: static;
background: none;
border: none;
}
wystarczy więc, że w style.css dasz np.:
h3.sd-title { width: 26%; }
ewentualnie
h3.sd-title { width: 26% !important; }
Z kolei lajk
.post-likes-widget {
width: 82.125%;
display: none;
float: right;
}
więc w style.css wystarczy wrzucić
.post-likes-widget { width: 72%; }
ewentualnie z importantem gdyby nie chciało zadziałać
.post-likes-widget { width: 72% !important; }
korzystaj z narzędzi deweloperskich przeglądarki.
– prawoklik > Zbadaj element …i już wiesz gdzie i jakie style za coś odpowiadają.
Thread Starter
Karol
(@karol296)
Dzięki za bardzo celne wskazówki. Zrobiłem co trzeba i jest tak jak powinno być. Ale jest jeszcze jeden problem. Bo jest ładnie w jednej linii kiedy przycisk się ląduje. A dy się już załaduje to przechodzi na dół.
dodałeś z important? – jeżeli nie, zrób to
.post-likes-widget { width: 72% !important; }
Thread Starter
Karol
(@karol296)
Dałem important w obu miejscach. Czy jest czy nie ma, bez różnicy. Gdy się ładuje jest ładnie w linii, a po załadowaniu schodzi niżej.
Thread Starter
Karol
(@karol296)
Jest teraz dobrze. Nie wiem co było przyczyną, ale obstawiam brak spacji. Mój błąd. Wielkie dzięki za pomoc.
Oj, może nie wyraziłem sie dosyć precyzyjnie.
Tak na przyszłość …nie zmieniaj pliku wtyczki, tylko wrzuć do pliku style.css motywu 😉
dokładnie te dwie linijki
h3.sd-title { width: 26% !important; }
.post-likes-widget { width: 72% !important; }