Hello,
I want please to have my next and back buttons to contain text not just the arrow facing the direction
this is an example page:
https://thastory.com/doris-day-6-facts-about-the-legendary-actress-and-singer/
I already have the buttons setup I just want them to contain text thank you
Hi,
In order to a some text in next/prev buttons you can try this custom css
https://www.screencast.com/t/alCUivu8R
.single .page-nav a:first-child, .single .page-nav a:last-child{
width: auto!important;
}
.td-icon-menu-right:before {
content: 'Next \e80d';
}
.td-icon-menu-left:after {
content: ' Back';
}
Hope this will help you to achieve what you need!
Thanks.
Thank you!
It worked great except “back” looked italic but I can live with it.
I’m wondering if there’s a way to paint the button?
Hi,
Please replace the above custom css with this one
-> https://www.screencast.com/t/zjwh43iMQD1
.single .page-nav a:first-child, .single .page-nav a:last-child{
width: auto!important;
}
.td-icon-menu-right:before {
content: 'Next \e80d ';
}
.td-icon-menu-left:after {
content: 'Back';
font-family: 'newspaper';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-align: center;
-webkit-font-smoothing: antialiased;
}
Hope this will help you!
Thanks.
Thank you I really do appreciate your support guys, this is amazing! I see the text is now aliased and not italic anymore thanks, can you indicate to me which line is responsible for the color of the button?
Hi,
In order to change the page color you can use this custom css
https://www.screencast.com/t/1VhhyhOqn
.single .post-page-numbers{
color: #fff;
background-color: gray;
border-color: black;
}
.single .post-page-numbers:hover{
color: gray;
background-color: #fff;
border-color: black;
}
Fell free to set the colors you need!
Hope this is what you need!
Thanks.
It’s just perfect. I further done modifications on my own like width and colors.
One thing I kinda struggled to make is the font size, although I added:
font-size: 15px;
}
Thank you for every thing. you’re really kind!
Hi,
Please provide some more details about the “struggled ” you have with font-size: 15px;
Thank you!
I have fixed the problem by instead of using “font-size:15px” I did “font-size:large” and it turned out good.
Thanks for all your help
dear adaner99: how can i add this load more button: check in screen shot: https://snag.gy/07LJjR.jpg
Hi,
You need to use the tagDiv Composer and edit the blocks; the load more button comes from extra pagination in filter tag -> https://www.screencast.com/t/UGU6kJxvCb please check our documentation for blocks -> https://forum.tagdiv.com/block-settings-guide/
Thank you!
sir i want this setting to related articles in single post not in home page.
Hi,
Please check our documentation for Related articles -> https://forum.tagdiv.com/related-articles/ unfortunately this block can tot be set with the load more button, sorry!
Thank you!
