Change the blog navigation (Previous/Next) buttons colors

larkmeadictsupport — Tue, 07 Oct 2014 17:45:30 +0000

Hi,

Can you tell me where I set the colours for the Blog Next & Previous article navigation

Many thanks
Guy

Reply To: Change the blog navigation (Previous/Next) buttons colors

IshYoBoy — Wed, 08 Oct 2014 06:25:41 +0000

Hi,

There are two methods:

1. Manual override using CSS

You can inspect the buttons using the “Inspect Element” functionality of Google Chrome Browser to see what class names are used in the html and also what CSS selectors were used by us to set the colors and then override them by adding your custom CSS inside “Theme Options” under “Global Options” and “Custom CSS” field.

2. Overriding PHP function using a child theme

If you are familiar with child themes or already using one (e.g. the starter one we provide along with the theme) then please open the “functions.php” file and paste the following code:

function ishyoboy_blogpost_prev_next($separator = ' ', $prev_label = PREV_DEFAULT, $next_label = NEXT_DEFAULT ){
	echo '<div class="ish-single_post_navigation">';
	$nav_next = get_permalink( get_adjacent_post( false, '', false ) );
	$nav_prev = get_permalink( get_adjacent_post( false, '', true ) );
	if ( get_permalink() != $nav_next ){
		echo '<div class="blog-next-link"><a class="ish-sc_button ish-color2 ish-text-color3" href="' . esc_attr($nav_next) . '">' . $next_label . '</a></div>';
	}

	echo $separator;

	if ( get_permalink() != $nav_prev ){
		echo '<div class="blog-prev-link"><a class="ish-sc_button ish-color2 ish-text-color3" href="' . esc_attr($nav_prev) . '">' . $prev_label . '</a></div>';
	}
	echo '</div>';
}

function ishyoboy_blogpost_prev_next($separator = ' ', $prev_label = PREV_DEFAULT, $next_label = NEXT_DEFAULT ){

echo '

$nav_next = get_permalink( get_adjacent_post( false, '', false ) );

$nav_prev = get_permalink( get_adjacent_post( false, '', true ) );

if ( get_permalink() != $nav_next ){

echo '

. esc_attr($nav_next) . '">' . $next_label . '

}

echo $separator;

if ( get_permalink() != $nav_prev ){

echo '

. esc_attr($nav_prev) . '">' . $prev_label . '

}

echo '

}

this function is originally found in the file “wp-content\themes\boldial\assets\framework\wp\options\custom-functions.php”

As you an see this is how the buttons are output. You can change the “ish-color2” to any number of existing color in order to change the background and also “ish-text-color3” to change the text color.

Hope this helped ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change the blog navigation (Previous/Next) buttons colors

larkmeadictsupport — Fri, 10 Oct 2014 07:52:55 +0000

Thanks for the update.

Are the navigation buttons for ‘Newer Post’ & ‘Older Post’ not set in the theme colours?

https://www.hable.co.uk/wp-content/uploads/2014/10/Screen-Shot-2014-10-10-at-08.48.12.png

Guy

Reply To: Change the blog navigation (Previous/Next) buttons colors

IshYoBoy — Mon, 13 Oct 2014 18:59:01 +0000

Hi,

Nope. These are just two buttons and it creating a separate setting just for them is too much as they can be easily accessed by CSS or as per the code above.

Doesn’t the code above work?

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Support ForumChange the blog navigation (Previous/Next) buttons colors – Support Forum

Change the blog navigation (Previous/Next) buttons colors

Reply To: Change the blog navigation (Previous/Next) buttons colors

Reply To: Change the blog navigation (Previous/Next) buttons colors

Reply To: Change the blog navigation (Previous/Next) buttons colors