Jump to content
Sign in to follow this  
alisamski

Adding icons to a list

Recommended Posts

Rob
You can change the bullets by CSS. http://www.w3schools.com/css/css_list.asp This is implemented in the Custom Code area in CSS Rules.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
alisamski
I want to include the bullets and add an icon before the text like the example.

Share this post


Link to post
Share on other sites
Rob
That's simply adding an image, before the
    tag. Nothing particularly unique about it.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
alisamski
I could not get that to work.. I will try again. Thank you

Share this post


Link to post
Share on other sites
Rob
If you inspect the source code, you'd see that they have added an image tag before the text. However, the link I provided would teach you how to set specific classes for various

    Former PageLines Moderator, Food Expert and Raconteur
  • Share this post


    Link to post
    Share on other sites
    Rob
    Can you paste the code you're trying to use?

    Former PageLines Moderator, Food Expert and Raconteur

    Share this post


    Link to post
    Share on other sites
    alisamski
    This is the css that puts an icon before a "doc type" a[href$=".pdf"]:before { padding: 5px 10px; margin: 0 2px 0 0px; content: ""; background: url(http://www.canterburybiz.com/wp/wp-content/uploads/images/pdficon.png) no-repeat; } However, trying to code putting in an icon before a url link ... such as (icon) Video: blah Blah Blah (icon) Photo: blah Blah Blah Perhaps tagging the words before the colon? not sure.

    Share this post


    Link to post
    Share on other sites
    alisamski
    adding the the above... noticed in two cases... nyt and fox news.... all the videos point to a url that goes specifically to a video section.. like http://video.nytimes.com/video/ and http://video.foxnews.com/v/ although we will not have that... is there a way to code it above tagging to the word Video: ? I know this is not Theme related... however, our site is utilizing the theme... and just need some direction. thanks

    Share this post


    Link to post
    Share on other sites

    Create an account or sign in to comment

    You need to be a member in order to leave a comment

    Create an account

    Sign up for a new account in our community. It's easy!

    Register a new account

    Sign in

    Already have an account? Sign in here.

    Sign In Now

    Sign in to follow this  

    ×