@steveodesign

It looks like you've made edits to the template files. In order for me to troubleshoot any theme issues, you'll need to revert to the default template files as I do not provide support for customizations/modifications.

Thanks!

Chris

I have made some of these changes but when I re-size the window small enough for the arrows to disappear the .navigation prev/next buttons do not show up like they do on the homepage. How do I get these to show up so that people can still navigate when the browser window is smaller.

http://www.devisecubed.com/generalIllustration/1/

Thanks

You bet ;-)

Thanks so much! You are really helping me. I have one more question, but it's unrelated, so I'll start a new topic.

Hi there,

For example, on line 266 "div.pagenav" currently has "top: 200px;", so you'll want adjust that 200px to a larger/smaller number depending on how much you want to change the positioning.

Thanks!

Chris

Thanks Molitor! The prev/next switch works great!

Please forgive my stupidity, but could you explain more how to change the vertical positioning?
Let's say I want them 200px down from the top position, what exactly would I change "top" to?
Also, there are several "div.pagenav" with a "top" attribute. Should I change them all?

Thanks again for the help!

Hi there,

To switch the position of the arrow buttons, open "style.css" and change the following on lines 192-193 from this...

a[rel~="prev"] {right: -25px; background-position: right center;}
a[rel~="next"] {left: -25px; background-position: left center;}

...to this...

a[rel~="prev"] {left: -25px; background-position: left center;}
a[rel~="next"] {right: -25px; background-position: right center;}

Change the following on lines 269-273 from this...

#nextpage {right: -25px;}
#nextpage a {background-position: right center;}

#backpage {left: -25px;}
#backpage a {background-position: left center;}

...to this...

#nextpage {left: -25px;}
#nextpage a {background-position: left center;}

#backpage {right: -25px;}
#backpage a {background-position: right center;}

Change the following on lines 425-429 from this...

#nextpage {right: auto;}
#nextpage a {background-position: right center;}

#backpage {left: auto;}
#backpage a {background-position: left center;}

...to this..

#nextpage {left: auto;}
#nextpage a {background-position: left center;}

#backpage {right: auto;}
#backpage a {background-position: right center;}

Regarding vertical positioning, adjust the "top" attribute for "div.pagenav" and "a[rel~="prev"],a[rel~="next"]".

Thanks!

Chris

2 questions!

Is there any way to switch the functions of the arrow buttons? I would like 'next' to lead you to the newer post, and 'prev' to lead you to the older post.

Also, how can I move the arrow button further down the page?

Thanks for the amazing theme!