Repositioning the next page button
-
I want the 1/2 buttons to show ‘above’ the social icons in the following page
https://homeomart.net/2016/08/13/top-homeopathic-medicine-list-for-psoriasis-treatment-buy-online/
What is the CSS code? Pls helpThe blog I need help with is: (visible only to logged in users)
-
Hey there!
Would you mind letting me know specifically what you mean by the 1/2 buttons?
Thanks!
Sage -
Hi Sage
1/2 refers to ‘Next Page’ i.e., page1, page 2 buttons that WP shows up as page breaks
-
Hello,
Thanks for letting me know! There isn’t really a “clean” way to do this without having access to the theme files. I did come up with a CSS workaround though.
#jp-post-flair { position: absolute; margin-top: 31px; width: 100%; max-width: 640px; } .post .page-links { clear: both; margin: 0 0 500px; }Let me know if that works,
Sage -
-
I am facing another problem now though…the page elements at the bottom are overlapping where there are no page breaks https://homeomart.net/2016/08/18/top-homeopathic-medicine-list-for-liver-ailments-buy-online/
-
Hello there!
Sorry to hear that it isn’t working properly. Is it showing on all of your posts? (if not please link me to the two different ones)
If you take out the code I give you does it still show the same issue?
Thanks,
Sage -
The issue seems to be only on those pages which does not have Page Breaks (footer matter all jumbled up)
https://homeomart.net/2016/09/01/top-jaborandi-hair-oil-list-with-benefits-reviews-side-effects/
https://homeomart.net/2016/10/02/complete-soap-list-for-all-skin-types-in-india-buy-online/Whereas those with Page breaks seems fine (no issues)
https://homeomart.net/2015/12/01/dr-reckeweg-india-complete-homeopathic-medicine-list/Top Homeopathic Medicines for Psoriasis Treatment. Buy online
-
Hi there,
I’m really sorry but I’m not sure that the edits can be done without touching the theme code. I’ve played around with it many different ways but without leaving a crazy amount of spacing to compensate the numbers will overlap the content below on different screen sizes. I could adjust it with media queries but the problem is the content below isn’t a set size.
Sorry about that, but you might just be better off taking out the code I gave you previously. Something like this would most likely just be a simple line of code moved if we had access to the theme files. CSS can do a lot but unfortunately not everything.
Sage
-
Thanks Sage, does that mean I have to live with this theme? Is there any similar theme where this works properly? Thanks
-
Hey there,
I’m sorry, but I’m not aware of other wp.com themes that work the way you’d like them to (though they might be out there, it’s worth it to have a look!) https://theme.wordpress.com/ You don’t have to live with that theme, you can switch to any of the other ones :)
Again, this is just an unfortunate thing due to the way the pages are built etc and not being able to modify the code to get it how you’d like.
Sorry about that,
Sage
- The topic ‘Repositioning the next page button’ is closed to new replies.