There are two items to change to make this work correctly.
Firstly there is the ‘button’ which is the bit you hover over to extend the actual nav.
.wp-post-nav #post-nav-previous-switched #post-nav-previous-button {
border-radius: 35px 0 0 35px;
}
//this will only work when the nav is open – I/e youre hovering over it
.wp-post-nav #post-nav-previous-switched {
border-radius: 0 35px 35px 0;
}
If you want to alter the ‘button’ height, thats done inside the settings style tab inside WordPress admin.
If its the actual nav open height, you can alter this if required, however it automatically adjusts depending on the amount of elements inside the nav
Hi @jo4nny8,
I copied them both in the custom CSS, but I don’t see an changes 🙁
Can you open inspector up in chrome / Firefox etc and show me the code for
.wp-post-nav #post-nav-previous-switched
It should work for you but I’ll know when I see the code displayed on the front end
Hi @jo4nny8,
I tried, but I can’t find it.
Pasted in custom CSS:
.wp-post-nav #post-nav-previous-switched #post-nav-previous-button {
border-radius: 35px 0 0 35px;
}
.wp-post-nav #post-nav-previous-switched {
border-radius: 0 35px 35px 0;
}
When I go to the front end and open inspector, I don’t see it. Only id=post-nav-previous-default.
I think this is too complicated for me, really don’t known what I am doing, sorry 🙁
Hi @jo4nny8,
I also tried to change the word category in my functions php this way:
add_filter(‘wp-post-nav-heading’, ‘example_heading’);
function example_heading($heading) {
$heading = ‘Article’;/Categorie/
return $heading;
}
But I got an error: syntax error, unexpected ‘/’
I tried:
add_filter(‘wp-post-nav-heading’, ‘example_heading’);
function example_heading($heading) {
$heading = ‘Article’;Categorie
return $heading;
}
Error: syntax error, unexpected ‘return’ (T_RETURN)
And I tried:
function example_heading($heading) {
$heading = ‘Article’;Categorie
return $heading;
}
Error: syntax error, unexpected ‘return’ (T_RETURN)
Then I tried:
add_filter(‘wp-post-nav-heading’, ‘example_heading’);
function example_heading($heading) {
$heading = ‘Article’; Categorie
return $heading;
}
But still the same error…..
Regarding the css change, wait until the site is live / or put it on a test domain and give me access and I can sort it for you. I have just emailed you with 2 images showing how / where it should look.
Re the function to change the wording, you’ve entered the code wrong.
In the example I gave, you simply need to change the word ARTICLE in the function to what you want the word to be. It looks like you want it to say ‘Categorie’ so ive modified it below for you.
add_filter(‘wp-post-nav-heading’, ‘example_heading’);
function example_heading($heading) {
$heading = ‘Categorie’;
return $heading;
}
Hi @jo4nny8,
thank you!
I will try to figure out how to put it in a test domain 🙂
The code doesn’t return any errors now, but I still see Category instead of Categorie. Does this mean I should go live in order to see it?
Thanks again!!
Regards
I really need to take a look at the site to understand what you mean. The default wording for the heading is ‘Next Post’ or ‘Previous Post’ (or whatever post type you are using.
Im guessing youre not using any custom post types so I don’t know where the word ‘category’ is coming from as the nav doesnt display on built in categories.
If you mean in the backend, then yes you need to view the nav on the front (user facing) side of the site for the change to happen with the code ive given you.
See if your host will set you up a staging site as a subdomain so you can provide me access and ill take a look for you
Hi @jo4nny8,
thanks so much.
I am sorry to be frustrating you with my minimal knowledge of website building. I don’t use a custom post type plugin and am working with WP Ocean and Elementor.
I’ll talk to my host about setting up a staging site!
Regards
Hi @noratom
No need to apologise. I use OceanWP (good theme).
Let me know when you’ve sorted it and send me some credentials and ill log in ad sort it for you
hi @jo4nny8,
thank you so much for your patience and al your help!!!!!
Hi @jo4nny8,
Everything looks perfect, very very happy!
hi
thanks for the plug in. Hope you are getting through Covid.
I would also like to reduce the box size. has this been implemented in an update?
Also is it possible to place the function above ‘powered by word press’
I am applying to this site: printsanew.jonnieturpie.com
many thanks for your help
