Help change color and design of WP Single Post Navigation arrow from plugin

[melissamal]

Hello

I need help coding and changing the arrow on this plugin. I really need step by step, I'm new to coding.

Here are the directions:

"Can I change the color of the links and/or the link hover behaviour?
Yes, you can!

First alternative: Just look in the packaged CSS file single-post-navigation.dev.css to find out the CSS selectors and rules and then overwrite them via your theme/child theme. In most cases you then have to apply them by adding an !important to the appropiate rule.

Second alternative (HIGHLY recommeded!):

Add a print stylesheet file wpspn-additons.css to your active theme's/child theme's root folder and you're done. It will be automatically enqueued after the packaged plugin styles so you are able to override them.

(2) To not use the packaged plugin stylesheet at all just add your full own custom WPSPN stylesheet wpspn-styles.css to your active theme's/child theme's root folder and you're done. This will be properly enqueued then and NOT the plugin file."

Directions from: http://wordpress.org/plugins/wp-single-post-navigation/faq/

Can someone reply back with exactly what I need to do, step-by-step. Please and thank you!!

You have to be on one of my posts to see the arrow to the right.

http://www.integrativenutritionaltherapies.com/homemade-sauerkraut-mason-jar/

[Brad Dalton]

Use Firebug to find the color and copy the CSS rule to your child theme style.css file and change the color.

#wpspn-prevpost a,
#wpspn-nextpost a,
#wpspn-prevpost-reverse a,
#wpspn-nextpost-reverse a {
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
color: red!important;
font-size:100px;
line-height:105px;
padding-bottom:15px;
position:fixed;
text-align:center;
top:42%;
vertical-align:middle;
width:80px;
}

---

Tutorials for StudioPress Themes.

[Author]

Posts