Jak dodać kreski separujące linijki w popular post [CSS]


(Jakim2400) #1

Serwus!

Już masakruje tą wtyczkę z 2 godziny i nie mogę dojść jak nadpisać ją w css, żeby pojawiły się te szare kreseczki odzielające. Link do bloga (menu po prawej): https://jaktodaleko.pl/blog-podrozniczy/

Instrukcja co chcę osiągnąć:

http://imgie.pl/images/2017/11/24/linijki64654.jpg

Serdecznie pozdrawiam za wszelkie sugestie! :slight_smile:


(Fizyda) #2

Wystarczy dodać obramowanie dolne (border-bottom) dla poszczególnych elementów listy. Jeśli dobrze pamiętam to już kiedyś dostosowywałem wygląd takich menu do reszty szablonu więc kod powinieneś mieć gotowy. Jeśli dobrze pamiętam to sprawa jest jeszcze prostsza i musisz tylko wskazać kolejny element w stylach CSS dla tych reguł.


(Jakim2400) #3

Tak, wróciłem do tamtego wpisu i nadpisałem w css, jednak nie widzi tych szarych linii oddzielających. Próbowałem

/* LI - Post container styles */

.wpp-list li:before {
    content: "\f178";
    font-family: FontAwesome;
    font-size: 8px;
    padding-right: 10px;
    color: #000000;\ 

Próbowałem dopisać: border-bottom: #f67425 - jednak bez skutku. :frowning: Kolejna sugestia? :smiley:


(Jakim2400) #4

Temat zamykam, udało mi się po 2 godzinach ogarnąć! JUPI!

Nadpisałem! :smiley:

.main-sidebar .sidebar-widget ul li {
border-bottom: 1px solid #e5e5e5;
padding: 6px 12px 6px 0;
}

Dzięki,
Pozdrawiam!