CSS and custom bullets

  • Piani

    (@webbmasterpianise)


    5 years, 1 month ago

    Hi and thanks for a great little plugin.

    Im playing around with the custom CSS to get the yearly list as I want.
    [[archives type="yearly" order="DESC" /]]

    I have managed to change font and colors. Now I want to change the bullet dot (::marker) to a arrow. It can be a standard arrow icon from WordPress or a custom image maby.

    Can you please explain if this is possible to do?

    So far I come to this. The dot have changed color but I cant make it into a arrow. (The image is just an example for testing)

    
.page-id-5044 .entry-content a {
  font-weight: bold;
  font-size: 26px;
  padding: 20px;
}

.entry-content ::marker {
  color: #800000;
  list-style-image: url(https://www.iconsdb.com/icons/preview/red/arrow-right-4-xxl.png);
}

    On page: https://goteborgsmagiskaklubb.se/magiskt-arkiv/

The topic ‘CSS and custom bullets’ is closed to new replies.