Prev/Next Button Thumbnails

[hau]

Hi,

how do i disable the function, that the Prev/Next buttons are showing thumbnails of Prev/next post. I would like to show the arrows only, also turn off hover animation of the arrows.

regards

[SeaTheme]

HI,
Please paste the custom css code to “Appearance > Customize : Additional CSS”

.navi-arrow { right: 0;left: auto;  opacity: 1; -webkit-transform: scale(1);  transform: scale(1);}
.post-navi-unit-prev .navi-arrow { right: auto; left: 0; }
.navi-title-tag, .navi-title-img {display: none;}
.arrow-item:hover .navi-arrow {-webkit-transform: scale(1);  transform: scale(1);}

regards

[hau]

Thank you,
and how do i achieve the thickness of the + for the arrows?

Regards

[SeaTheme]

It’s possible by more custom coding job, but it’s(style custom) not included in our Free Support scope. You can hire a program engineer to work on it or use our charging services,

[hau]

OK, thank you.

[Marilize]

Hello, I would please like to find out what code I need to use in order to remove the thumbnails but keep the arrow animation?

[SeaTheme]

HI,
Please paste the custom css code to “Appearance > Customize : Additional CSS”

.navi-arrow { right: 0;left: auto; }
.post-navi-unit-prev .navi-arrow { right: auto; left: 0; }
.navi-title-tag, .navi-title-img {display: none;}

[Marilize]

Hello,

Unfortunately this has completely removed the “Next >”. I only want to remove the little thumbnail image.

[SeaTheme]

Please update the custom CSS to:
.post-navi-unit-prev .navi-title-img {display: none;}

[Marilize]

This reply has been marked as private.

[Marilize]

Is there any way to prevent the words ‘prev’ and ‘next’ (left and right side) to move so far inwards when hovering over them? So when I hover over ‘prev’ it moves very far to the right to ‘make room’ for where the thumbnail used to go. I would like it to not move so far as it looks weird and overlaps other information in mobile. Thank you in advance!

[SeaTheme]

Please add the custom CSS to:

.arrow-item:hover .navi-title-tag,
.arrow-item.arrow-next:hover .navi-title-tag {
    -webkit-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.arrow-item:hover .navi-arrow { 
    transform: translateX(120px) scale(.8);
}
.post-navi-unit-prev .arrow-item:hover .navi-arrow {
   transform: translateX(-120px) scale(.8);
}

[Marilize]

It’s giving me an error on ‘translateX’. The error says “Expected RBRACE at line 41, col 5.”

Is there anything I can do to fix this?

[SeaTheme]

Sorry, please update the CSS as:

.arrow-item:hover .navi-title-tag,
.arrow-item.arrow-next:hover .navi-title-tag {
    -webkit-transform: translateX(0px); 
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.arrow-item:hover .navi-arrow { 
    transform: translateX(120px) scale(.8);
}
.post-navi-unit-prev .arrow-item:hover .navi-arrow {
   transform: translateX(-120px) scale(.8);
}

[Author]

Posts