[Plugin: WP Single Post Navigation] - css style suggestions included (3 posts)

  1. photoMaldives
    Posted 4 years ago #

    Being new to WP, and with the news that this great plugin might be getting an update soon, I thought I would help out fellow new users with the following tweaks I made to the appearance. This can easily be added to the USER.CSS of the theme (or STYLE.CSS of child theme) and be easily edited or removed again.

    I wanted the arrows to be smaller, and also interact slightly when hovered over, and when pressed. These few lines of code achieve this, so I thought it might be of use to someone.

    /* Single Post Navigation >> buttons WPSPN */
    #wpspn-prevpost a,
    #wpspn-nextpost a,
    #wpspn-prevpost-reverse a,
    #wpspn-nextpost-reverse a {
    	color: #ADB3B7;  /* link color */
     	border: none;  /* border for link container */
    	font-size: 50px;
    	line-height: 60px;
    	z-index: 20;
    	width: 40px;}
    /* hover */
    #wpspn-prevpost a:hover,
    #wpspn-nextpost a:hover,
    #wpspn-prevpost-reverse a:hover,
    #wpspn-nextpost-reverse a:hover {
    	border: 1px solid #666666;
    	z-index: 20;}
    /* active clicked */
    #wpspn-prevpost a:active,
    #wpspn-nextpost a:active,
    #wpspn-prevpost-reverse a:active,
    #wpspn-nextpost-reverse a:active {
    	text-decoration: none;
    	color: #ADB3B7;
    	border: 1px solid #ADB3B7;
    	z-index: 20;}
  2. daveshine (David Decker)
    Posted 4 years ago #

    Ah, sorry for the delay, again!

    Thanx for posting your styles so others can be inspired!!!

    Thanx for using my plugin!

    -Dave :)

  3. styzer
    Posted 4 years ago #

    I installed the plugin because I couldn't find a way to show Previous/Next on my posts (displaying one at a time).

    Why isn't it showing?


    Running latest WP with Theme Dusk To Dawn 1.0 by Automattic.

    Thanks for any help... !


Topic Closed

This topic has been closed to new replies.

About this Topic