Adding directional triangles to navigation in text widget. Any ideas? (3 posts)

  1. analogmonkey
    Posted 5 years ago #

    I'm using the WordPress text widget (http://en.support.wordpress.com/widgets/text-widget/) and would like to add directional triangles to the code I have below so they display like this:


    This is the current code any idea how to add it or if it's possible?

    <div class="viewall">
    <div class="alignright">
    </a><a href="http://www.thegraphicsden.co.uk/?page_id=41">Back to Menu</a>
    <div class="alignleft">
    <a href="prevurl">Previous</a>
    <span class="spacer">/</span>
    <a href="nexturl/">Next</a>

    Any ideas?

  2. Josh
    Posted 5 years ago #

    Hey Analog Monkey,
    Totally possible. First, the easy way, but less triangley:
    Use HTML special characters in your markup.
    For instance Next&rarr; will give you a right arrow next to the word Next. Like this:
    or an angle quote like &lsaquo;Previous will render ‹Previous.
    or a double angle quote Next&raquo; will look like Next»

    The other way to do this, and will achieve a real triangle would involve uploading the triangle images into your theme's image folder, then linking to and positioning them with CSS as background images for those links.

  3. analogmonkey
    Posted 5 years ago #

    Thanks for the info Josh, I decided to just use text in the end as it looked to cluttered with the arrows.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.