Viewing 7 replies - 1 through 7 (of 7 total)
  • @dem10: Please can you include links to the specific pages on your site that you’re trying to change in future support requests? This will make it a little easier for those who are trying to help to locate the code you need. ??

    I was able to find the CSS that’s keeping the arrows blue using my browser’s inspector tools. You can see from the screenshot here the arrow is being add via a :before CSS selector:

    Screen Shot 2016 06 20 at 12 31 50

    The custom CSS you need to change the colour of the arrows is as follows:

    .site-main .post-navigation .meta-nav:before, .site-main .paging-navigation .meta-nav:before {
        background: #ff6200;
    }

    Let me know if that helps or if you have any further questions about how I got to that solution.

    Thread Starter dem10

    (@dem10)

    worked! thank you

    Perfect. ??

    Thread Starter dem10

    (@dem10)

    https://www.infoliga.schleider.com.ar/page/2/

    One more question, I want tochange padding but I can in arrow…

    .site-main .post-navigation .nav-previous a, .site-main .paging-navigation .nav-previous a {
    	background: #cc7810;
    	color: rgba(255,255,255,0.5);
    	float: left;
    	padding: 5px 5px 5px 65px;
    	position: relative;
    	text-align: center;
    	width: 50%;
    	color: black;
    }
    
    .site-main .post-navigation .nav-next a, .site-main .paging-navigation .nav-next a {
    	background: #cc7810;
    	color: rgba(255,255,255,0.5);
    	float: right;
    	padding: 5px 5px 5px 65px;
    	position: relative;
    	text-align: center;
    	width: 50%;
    	color: black;
    }
    
    .site-main .post-navigation .meta-nav:before, .site-main .paging-navigation .meta-nav:before {
    	background: #cc7810;
    	padding: 5px 5px 5px 10px;
    }

    THANKS!

    Mod. Edit: Please add backticks around code to make it more readable.

    Hi @dem10,

    Do you want the arrows to match up to the height of the other links on your site? If so, I recommend tweaking the height rather than padding and also the tweaking the line-height to reposition the arrows within their container:

    .site-main .post-navigation .meta-nav:before, .site-main .paging-navigation .meta-nav:before {
    height: 40px;
    line-height: 40px;
    }

    Let me know how that goes.

    Thread Starter dem10

    (@dem10)

    worked, thanks!

    You’re welcome!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘change color previous/next entries’ is closed to new replies.