CSS Code, Scroll Feature

• 

  publicsalta · Member · Nov 18, 2014 at 2:16 pm

  • Copy link
  • Add topic to favorites

  I need to swap the arrows around in the scroll feature in the pictorico theme. I would like the left arrow to point to the previous sticky post and the right arrow to point to the next sticky post, but right now, the arrows point to the posts going in the opposite direction.

  Can anyone help me write code for this? I don’t know css code and your help would be greatly appreciated!

  http://americancommunion.org/

  The blog I need help with is: (visible only to logged in users)

• 

  hallluke · Member · Nov 18, 2014 at 4:13 pm

  • Copy link

  Try adding this to your existing CSS rules, it should swap the sides and arrows around:

  .site-main .post-navigation .nav-next a {
    float:left;
    padding: 15px 15px 15px 65px;
  }
  
  .site-main .post-navigation .nav-previous a {
    float:right;
    padding: 15px 65px 15px 15px;
  }
  
  .site-main .post-navigation .nav-next .meta-nav:before {
    content:"";
    left:0;
    right:auto;
  }
  
  .site-main .post-navigation .nav-previous .meta-nav:before {
    content:"";
    right:0;
    left:auto;
  }

• 

  publicsalta · Member · Nov 18, 2014 at 4:45 pm

  • Copy link

  I am adding this now. Can you tell me how to add the character in the quotations following the content command. What is that box-like character?

• 

  hallluke · Member · Nov 18, 2014 at 5:24 pm

  • Copy link

  I pulled it straight from the theme’s existing CSS code. If you can’t copy it in as it is then try pasting in the actual character (from a resource like this one) and see if that works.

• 

  publicsalta · Member · Nov 18, 2014 at 5:33 pm

  • Copy link

  Thanks halluke! Code works great. (I found out a copy and past works.)