Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about Hot Newsflash free Joomla module.

Topic-icon tabs text vertical alignment

More
7 years 4 weeks ago - 7 years 4 weeks ago #1100 by alfbox
alfbox created the topic: tabs text vertical alignment
Hi,
How to correctly write multi-lines tabs text to keep vertical alignment in the middle. When uncheck "TABS TEXT IN ONE LINE", all tabs text are verticaly alligned to top.
What separator to use in tab text. <BR>?
And may I use a different color in each line of tab.
I have tried some html codes but it affected the horizontal alignment only.

I have uploaded demo website here:
www.voltron.cz

And another issue. The horizontal tabs and input search field is not rounded in the IE and Opera. Only FF rounds corners.
Last Edit: 7 years 4 weeks ago by alfbox. Reason: found answers

Please Log in to join the conversation.

More
7 years 4 weeks ago #1103 by milos
milos replied the topic: Re: tabs text vertical alignment
Tabs are broken because overall module width is too low. Please try to increase, and/or to make the left hand side picture smaller. Please let me know if it doesn't help.

Rounded tabs use CSS3 parameters that are not yet implemented in IE and Opera. In those browsers, design of tabs is different (not broken, though). By the way, new IE9 will finally support nice CSS3 effects.

Please Log in to join the conversation.

More
7 years 4 weeks ago #1107 by alfbox
alfbox replied the topic: Re: tabs text vertical alignment
No, changing overall width or image width does not help.(see web site) I do not know whether tabs background images should be resized automatically or not. I made new, with respect of number of tabs, in PS and FW. Then copied them to module/images. (on local machine, not on hosting server)
The vertical alignment of text is main problem now.I want to use two-line text to avoid defining too wide tabs.

Please Log in to join the conversation.

More
7 years 4 weeks ago #1109 by milos
milos replied the topic: Re: tabs text vertical alignment
If you disable "Tabs text in one line" parameter, text can't be aligned vertically any more. But you can edit style.css file of the module and add this:
.ui-tabs-nav li { padding-top:5px; }

Please Log in to join the conversation.

More
7 years 4 weeks ago #1110 by alfbox
alfbox replied the topic: Re: tabs text vertical alignment
OK. Thank you. I will try to avoid using it because every tab would need different padding. This seems to me impossible.

Please Log in to join the conversation.

Time to create page: 0.159 seconds

Links, Partners and Social Media