Hi,
My website is https://firstnews.pk. Now, similar to https://www.tips-and-tricks.co/fashion-and-beauty/wow-you-will-not-recognize-these-celebrities-after-their-transformation/. I want to write articles on my website in the same format: display some information on one page, and add the next button for more which takes to the next page. This way the reader will be engaged with our website for more time and we will be able to show him more ads. This is how these kinds of sites work. Please let me know how I can write an article on my website. I need your help. Thank you.
Faisal
Hello!
Unfortunately, there is no option in our theme to achieve this. But, you can try with this one: https://www.youtube.com/watch?v=SC_Sc5ofPDs
Hope that helps you!
Thank you!
Hi,
Thank you for the great help. The video was a great encouragement. I was able to split the article into multiple pages. However, I have another question now, that’s regarding the pagination. I would request you to reply in steps as my questions need your attention.
Thank you
Hi,
Unfortunately, there is no option for this, but I will try to help you with a custom css, like this one https://i.imgur.com/cdbdRYH.jpg
.page-nav a[href$="/2/"] {
width: 100%!important;
}
.page-nav a {
width: 45%!important;
font-size: 16px;
margin: 0 2.5%;
padding: 18px 48px;
color: #fff;
background-color: orange;
}
.page-nav a, .page-nav .current{
display: none;
}
.page-nav a:first-child, .page-nav a:last-child {
display: block;
}
.page-nav a:first-child i:before {
content: "Prev";
}
.page-nav a:last-child i:before {
content: "Next";
}
.page-nav a:last-child i:before, .page-nav a:first-child i:before {
font-family: sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
}
Set this code in theme panel> custom code> custom css.
I hope this will help you to achieved what you want!
Have a nice day!
Hi Calin,
Love you Bro. You are awesome. Superb!!!
I had no idea you guys are this much helpful. You solved the entire problem. Much appreciated. You made the day, I am so happy.
Now, after implementing the external CSS code, I experienced some issues. At first look, the button looks perfect, but when I click next and reach the second page, one button appears in a large size and the other one is smaller. Please see the screenshot attached http://firstnews.pk/attachments/layout.png
I also have another issue, you will notice that in the same screenshot point 2. A window with news appears when I scroll down a bit. Is there a way that I can hide it, I don’t want to see this window. Please advise what wrong I have done.
Thank you for your continued cooperation and support. I much value your support.
Best Regards, Faisal
Hi,
Please send an email at contact@tagdiv.com and provide wp-admin and Cpanel access, so we can investigate this issue. Also paste a link to this topic so we can easily identify you.
Let us know and we will gladly assist you.
Thanks!
Email sent to Support. Thank you
