• Rozwiązano Karol

    (@karol296)


    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/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Moderator Paweł Knapek

    (@adpawl)

    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?

    Moderator Paweł Knapek

    (@adpawl)

    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?

    Moderator Paweł Knapek

    (@adpawl)

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

    Moderator Paweł Knapek

    (@adpawl)

    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.

    Moderator Paweł Knapek

    (@adpawl)

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

    Thread Starter Karol

    (@karol296)

    OK.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Temat ‘Zmiana rozmiaru czcionki napisu: Dodaj do ulubionych’ jest zamknięty na nowe odpowiedzi.