Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Title is overwriting line beyond

Featured Lock Resolved
The module works perfectly, if a title is very short.

If a title exceeds the line, it is wrapped correctly but overwrites whatever is beyond.

i.e. if a FAQ is collapsed, then the title of the following FAQ is overwritten;
if the FAQ is expanded, then the content of the FAQ is overwritten.

What can be done to allow long titles to be displayed correctly?

9 Answers

Ehsan Riyadh

More than a month ago #Permalink
Can you please drop a url?

Ehsan Riyadh

More than a month ago #Permalink
We fixed its height. Please, put small title.

Andreas

More than a month ago #Permalink
Thank you. It is necessary for us to have long titles.

I have tried to fix the problem.

File: style4.css - Line: 9

I have removed the height attribute. This leads to the effect, that the linewrapped title lines are no longer overwritten by other titles or their own content text. I have also adjusted the line-height attribute from 30px to 20px to have the title displayed more coherently.

.sp-accordion.sp-accordion-style4 .toggler,.sp-accordion.sp-accordion-style4 .toggler span,.sp-accordion.sp-accordion-style4 .toggler span span{display:block;line-height:20px;cursor:pointer}


You can see the result on the website.

After these changes the text is displayed perfectly. There is only one problem left:

The dotted line is not under the "sp accordion inside".

What file do I need to fix in order to resolve this problem?

Ehsan Riyadh

More than a month ago #Permalink
I think it is in right position. Example: http://demo.joomshaper.com/joomla25/event/index.php/2012-09-11-11-51-18/faq Please, use firebug to resolve css issue.

Andreas

More than a month ago #Permalink
You're right. The behaviour on my web site is the same behaviour as on http://demo.joomshaper.com/joomla25/event/index.php/2012-09-11-11-51-18/faq

I was a little irritated, because with the other styles, the dashed line (separator between two tracks) moves down to open space for the content. This does not work with style 4 (FAQ): The dashed line does not move and when an item is opened, it looks as if the content was part of the next track.

Title1
-------
Title2
-------
Content of Title 2
Title3

What I was expecting was:

Title1
-------
Title2
Content of Title 2
-------
Title3

dotcom22

More than a month ago #Permalink
hello

I have the same problem and I fixed that partially using the code suggested by Andreas.

However if you look the page using a mobile device (I tried with default Android browser and Firefox), the "faq" title (even if now is well wrapped if the title is long) is misaligned with the faq blue icon..

Have you a trick for correct that ?

many thank

dotcom22

More than a month ago #Permalink
hello

I have the same problem and I fixed that partially using the code suggested by Andreas.

However if you look the page using a mobile device (I tried with default Android browser and Firefox), the "faq" title (even if now is well wrapped if the title is long) is misaligned with the faq blue icon..

Have you a trick for correct that ?

many thank

Ehsan Riyadh

More than a month ago #Permalink
Can you provide any link!


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 98
Toufiq

Toufiq

Total Accepted Answers: 89
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2

115

Templates

295891

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us