[SOLVED] Can same field appear in 2 tabs?

Go to edit my profile and see the tab "Test". Delimiters are "lowered" while the values for radio and checkbox are "raised".

The below is the culprit for the misalignment of title and value. You'll need to remove the "vertical-align" and it'll then display fine.

IN: libraries/gantry/css/joomla.css
ON: Line 17
The reason it affects all templates is because it's not your template, but the gantry framework you're using; perhaps your template installed it and is using it.

Another strange thing - The space between values within a field is also unusually small. E.g. In field "Test Checkbox", the value "Colours" is touching the box for the next value "Numbers".

That's displaying as normally, which you can fix by adding the below CSS to your Joomla template CSS file.

I've just read this and have not tried it yet. But what you wrote is enough to make me say

THANK YOU!

Btw, the gantry always updates itself so does that mean that when even I change it, it will revert to the same problem after a new gantry update again?

Btw, the gantry always updates itself so does that mean that when even I change it, it will revert to the same problem after a new gantry update again?

No idea, I've never used the 3rd party frameworks.

hi krileon,

The modification to template CSS for the space issue works!

However the one to libraries/gantry/css/joomla.css for the vertical alignment issue merely adjust the entire contents within the text box vertically. But the alignment between the values and checkboxes did not change at all.

Please help.

However the one to libraries/gantry/css/joomla.css for the vertical alignment issue merely adjust the entire contents within the text box vertically. But the alignment between the values and checkboxes did not change at all.

It's still the same issue. Please see the below. Viewing source it does not appear you've removed it.

IN: libraries/gantry/css/joomla.css
ON: Line 17
You need to remove the vertical-align or set it to "top". CB adds a "top" vertical-align to its rows so they all align properly. Please see the below images of the change in place.

Before vertical-align removed:


After vertical-align removed:


Please understand there is nothing more I can do for you. This isn't an issue coming from CB. Your Gantry framework is adding CSS which is globally restyling your website. My guess is the framework came with whatever template you're using.

Hi krileon,

The code seems unchanged because I reverted it after the removal (and also changing to top and bottom) did not solve the problem.

Actually both your pictures look very acceptable to me. The box and values look resting on the same base line. But mine is just off as shown earlier (tried all 3 diff browsers)0

I understand that it is beyond CB and you are going an extra mile in helping. If you can't, it is alright.