Big Cartel Theme Support

How do I remove the border and background styling from the pagination links?

How do I remove the border and background styling from the pagination links?

The pagination links include border and background styling for most themes. If you wish to remove this styling to create more minimal page links, add the following custom CSS to your custom style coding area - see Where do I add custom style code?:

/* Minimal pagination links */
.pagination > li > span,
.pagination > li > a {
	border: 0;
	background-color: transparent !important;
}
.pagination > li > .current {
	color: {{ very_subtle_text }};
}

The use of the variable {{ very_subtle_text }} automatically applies the colour you have set for Very Subtle Text in your theme settings. Alternatively, you may wish to add your own custom colours to this style. For example:

/* Minimal pagination links */
.pagination > li > span,
.pagination > li > a {
	border: 0;
	background-color: transparent !important;
	color: #557609;
}
.pagination > li > .current {
	color: #11c1cc;
}

Click the Done and Save buttons to apply your changes.

AarcadeHow do I remove the border and background styling from the pagination links?