View Full Version : small shifting of <h3>

Feb 23rd, 2012, 11:26 PM
Hi Everyone, this one is driving me nuts!

I have loaded a plugin that loads its own css file and when it is loaded I see this small shift in some of my <h3> titles.


I have inspected with firebug and gone line by line through every attribute, the CSS is exactly the same between the two. What could be causing this? Again, the only thing I do to switch back and for between the shift/no shift is enable/disable the css package that comes with the plugin.

I would provide link to site, but I'd have to be there switching back and forth for you to inspect, so I figure this is the best way. If you would like me to post the firebug inspect for both please let me know!

Any help is appreciated!

Feb 24th, 2012, 01:06 AM
Hey there tom.w,

It could be that another part of your css is interferring, it will help us if you could post all the code, or most preferable, a live view of your website.

All the best,

Feb 24th, 2012, 02:10 AM
Here are two live views.

with the additional plugin/css loaded and the shift happening:

without additional plugin/css loaded and no shift:

The shifts can also be seem prominently on this page:

and corresponding page with correct alignment:


Feb 24th, 2012, 09:12 PM
I have noticed this does not just affect the H# tags, I also see some misalignment of random images throughout. Any thoughts?

Feb 25th, 2012, 04:14 AM
Sorry for the late reply, I assure you codingforums is a lot faster, your post probably got lost in the many questions.

you added a stylesheet called bp.css in http://dev.thepetcloud.com/features/

on line 859

table tr td,
table tr th {
vertical-align: middle;

I would suggest removing this. All the adjustments on the site are due to this. Maybe it was put there for a reason, but as for as I can see, you can just delete it.

Feb 25th, 2012, 06:44 AM
PERFECT! Thanks!