ulif,
Thanks for using my plugin! You’ve got a CSS issue somewhere. Here’s what I’ve done to troubleshoot the issue:
By removing line 14 display: block; from the css file, it corrects the large-box issue (but only on that page, it breaks things on other pages)
Something in your theme CSS or another plugin’s CSS is freaking out that div (specifically the .bctt-click-to-tweet:after selector.)
Can you pinpoint anything different on those two pages from a design perspective? Is the “newsletter” category loading a different stylesheet than the “persoenlichkeitsentwicklung” category? Is there a plugin that runs on that page but not the other one?
I’m happy to continue to help, but I am not sure what’s going on there.
Thread Starter
ulif
(@ulif)
Hi Ben,
thanks a lot for responding. Both sides use the same css-files, the same plugins, the same design, there is nothing different with the exception of the text and the pictures within the text.
I found out, when I place the click-to-tweet at the end of the text, there ist no problem. But the more it goes up, the more the box grows.
I really have no idea and beg, that it is a tiny css issue..
In order to troubleshoot it, I need a page with a misbehaving box, and I see that you have removed the one from the above post. Can you create a page (and don’t link to it anywhere) with one that is not functioning correctly?
Thanks!
Thread Starter
ulif
(@ulif)
Thanks a lot for helping.
This is a page with several bctt’s: https://konstanze-quirmbach.de/blog/test/
The first doesn’t match, the next ones are okay …
OK, with the help of some friends, I figured it out.
Your theme’s CSS is causing any div in the content area to extend to the bottom of the height of the sidebar area. Note that the large boxes always extend to the bottom of the sidebar content. That’s why it seemed like the higher up you go in a post, the bigger the boxes got.
The fix for this is a little tricky, but one thing I tried that worked was to make the height of the #rightnav div set to 0, which might not work great on other browsers than the one I’m on, but it works great on Chrome on a mac. For that, you’d find that section (on lines 210-222 of https://konstanze-quirmbach.de/blog/wp-content/themes/fluid/fluid-index-10/style.css) and add a declaration of height=0;
You might also be able to fix it by switching the sidebar from the right to the left of the content.
I’m happy to help with the fix, but tweaking theme CSS falls outside the scope of free support for my plugin.
Thanks so much for using my plugin! Let me know if I can give you any other pointers.
Ben
Thread Starter
ulif
(@ulif)
Hi Ben,
thanks a lot for spending your time and your great support. That’s really awesome and I appreciate this!!!
That was the solution and it works with all browsers on Mac and on windows.
Best wishes
Uli
Thanks Uli!
I really appreciate the donation, and the opportunity to figure it out. Always great to have a tough one. 🙂
Have a great day!
(PS, I’d love a German-language review on the reviews page, if you are willing to give your unbiased review! Thanks!)
