Repositioning the next page button

homeomart · Member · Oct 5, 2016 at 2:57 pm
Copy link

Add topic to favorites
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 help

The blog I need help with is: (visible only to logged in users)
innisfreehomestead · Member · Oct 5, 2016 at 4:24 pm
Copy link
Hey there!

Would you mind letting me know specifically what you mean by the 1/2 buttons?

Thanks!
Sage
homeomart · Member · Oct 6, 2016 at 2:54 pm
Copy link
Hi Sage

1/2 refers to ‘Next Page’ i.e., page1, page 2 buttons that WP shows up as page breaks
innisfreehomestead · Member · Oct 6, 2016 at 4:24 pm
Copy link
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
homeomart · Member · Oct 9, 2016 at 3:44 pm
Copy link
That worked Well! Thanks for your help & support…much appreciated
homeomart · Member · Oct 10, 2016 at 8:54 am
Copy link
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/
innisfreehomestead · Member · Oct 10, 2016 at 2:35 pm
Copy link
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
homeomart · Member · Oct 12, 2016 at 8:06 am
Copy link
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
innisfreehomestead · Member · Oct 12, 2016 at 3:13 pm
Copy link
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
homeomart · Member · Oct 21, 2016 at 11:20 am
Copy link
Thanks Sage, does that mean I have to live with this theme? Is there any similar theme where this works properly? Thanks
innisfreehomestead · Member · Oct 21, 2016 at 5:57 pm
Copy link
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

No items found.