Zmiana rozmiaru czcionki napisu: Dodaj do ulubionych

  • Rozwiązano Karol

    (@karol296)


    12 lat, 2 miesiące temu

    Zmieniła mi się czcionka napisu: dodaj do ulubionych pod postem. Jest teraz ogromna. Chciałbym ją zmniejszyć, ale nie wiem jak. Też nie wiem co jest powodem tej nagłej zmiany. Bo jedyne co wczoraj zmieniałem na blogu to tagi i styczki związane z dzieleniem się (twitter itp). Ale to nie miało związku z tą sytuacją.

    http://www.cyrkf1.pl/asfaltowanie-toru-w-soczi/

Zobacz 11 odpowiedzi - od 1 do 11 (z 11 łącznie)
  • Moderator Paweł Knapek

    (@adpawl)

    12 lat, 2 miesiące temu

    plik style.css, tu masz przyczynę:

    .entry-content h3,
.comment-content h3 {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.6;
}

    Twórca wątku Karol

    (@karol296)

    12 lat, 2 miesiące temu

    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?

    Moderator Paweł Knapek

    (@adpawl)

    12 lat, 2 miesiące temu

    Musisz zwiększyć szerokość dla h3.sd-title i zmniejszyć dla .post-likes-widget

    Twórca wątku Karol

    (@karol296)

    12 lat, 2 miesiące temu

    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?

    Moderator Paweł Knapek

    (@adpawl)

    12 lat, 2 miesiące temu

    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ą.

    Twórca wątku Karol

    (@karol296)

    12 lat, 2 miesiące temu

    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ół.

    Moderator Paweł Knapek

    (@adpawl)

    12 lat, 2 miesiące temu

    dodałeś z important? – jeżeli nie, zrób to
    .post-likes-widget { width: 72% !important; }

    Twórca wątku Karol

    (@karol296)

    12 lat, 2 miesiące temu

    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.

    Twórca wątku Karol

    (@karol296)

    12 lat, 2 miesiące temu

    Jest teraz dobrze. Nie wiem co było przyczyną, ale obstawiam brak spacji. Mój błąd. Wielkie dzięki za pomoc.

    Moderator Paweł Knapek

    (@adpawl)

    12 lat, 2 miesiące temu

    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; }

    Twórca wątku Karol

    (@karol296)

    12 lat, 2 miesiące temu

    OK.

Zobacz 11 odpowiedzi - od 1 do 11 (z 11 łącznie)

Temat ‘Zmiana rozmiaru czcionki napisu: Dodaj do ulubionych’ jest zamknięty na nowe odpowiedzi.