arrow bullets

Posted in: Newspaper
Post count: 48

Hello,

A previous version of Newspaper used arrows as the li element, rather than bullet points. I believe they were slightly indented from the left too, and looked really good.

Could you please advise on how to make these appear again, instead of the round bullet points?

Many thanks.

Max

  • This topic was modified 11 years by maxishere.
Post count: 6600

Hi,

You can replace the bullets via custom css using a css like this:

ul li {
list-style-image: url('sqpurple.gif');
}

Hope this helps!
Thanks

Post count: 48

Thanks Lucian – you don’t happen to have the original arrow bullet image that was included in the first versions of Newspaper do you? (really liked it!).

Post count: 48

Also, I’ve just noticed since implementing this that it now puts the arrow next to the category name under each post’s headline.

(See: http://www.thisisanfield.com/2014/09/liverpool-fc-week-review-hibbert/ – it appears to the left of ‘Opinion’)

How do I stop that from happening please?!

Post count: 6600

Hi,

Use this css for the category: http://screencast.com/t/oche09L60k

.entry-category {
list-style-image: none;
}

You also have the list arrows we use in the theme: http://screencast.com/t/gvf1G4qVURUd
You can target the list you want to change the style for and use this path as a source.
The css from my ex changes the style for the lists from the footer:

.td-footer-wrap ul li {
list-style: disc url('http://www.thisisanfield.com/wp-content/themes/Newspaper/images/icons/li.png') !important;
} 

Hope this helps!

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.