Twenty Thirteen restyle Older Posts link

  • Hi,
    I would like to be able to re-style the links for “Older Posts” and “Newer Posts”, the ones with the big circles… is the circle an image? Can’t seem to chase down the style or code that controls this… nav-previous doesn’t seem to be it, but maybe I’m missing something… any tips appreciated… thanks in advance…
    Bob

Viewing 2 replies - 1 through 2 (of 2 total)

  • The circles are not images, they are created with the border-radius property for .meta-nav:

    .paging-navigation .meta-nav {
	background-color: #e63f2a;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	padding: 3px 0 8px;
	text-align: center;
	width: 50px;
}

    That’s the general rule for the nav buttons; for the .nav-previous button, the width (80px) is a little wider than .nav-next (50px, from the above rule):

    .paging-navigation .nav-previous .meta-nav {
	margin-right: 10px;
	padding: 17px 0 23px;
	width: 80px;
}

.paging-navigation .nav-next .meta-nav {
	margin-left: 10px;
}

    Thread Starter rgdaniel

    (@rgdaniel)

    Thanks for the help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Twenty Thirteen restyle Older Posts link’ is closed to new replies.