Jump to content


Photo
- - - - -

How to modify tootltips width?

tooltips bootstrap width

Best Answer Danny , 05 April 2013 - 10:31 AM

Hi David,

 

Use the following:

 

 

 
div[class="tooltip-inner"] { }
Go to the full post


  • Please log in to reply
5 replies to this topic

#1 velneo

velneo

    Member

  • Members
  • 26 posts
  • Framework Version:Pagelines Framework 2.4.4
  • Country: Country Flag

Posted 04 April 2013 - 01:24 PM

Hello everybody.

 

We are working on this Web: 

Please Login or Register to see this Hidden Content

If you put mouse over the first four dotted words, it will shows a "bootstrap tooltips" at the bottom.

 

We want that the tooltips are more width, enough to keep the phrase in one line.

 

We are using this code:

Please Login or Register to see this Hidden Content

 

Thank you very much for you help.

David.



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 04 April 2013 - 07:45 PM

In order to modify the tooltip width, you'll need to use CSS. Do you have FTP access to your site (that way, you can look into the appropriate file for the code you need to use in Custom CSS so you can overwrite the default)?



#3 velneo

velneo

    Member

  • Members
  • 26 posts
  • Framework Version:Pagelines Framework 2.4.4
  • Country: Country Flag

Posted 05 April 2013 - 09:42 AM

Thank you for the support catrina.

 

Yes I can access FTP my site, of course. My problem is that I don't know what file I need to modify because I can't see it with the inspector (only can I see the code when i have the mouse over, but I can't inspect it).

 

Thanks. Best Regards.

David.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16277 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 April 2013 - 10:31 AM   Best Answer

Hi David,

 

Use the following:

 

 

Please Login or Register to see this Hidden Content


  • velneo likes this

#5 velneo

velneo

    Member

  • Members
  • 26 posts
  • Framework Version:Pagelines Framework 2.4.4
  • Country: Country Flag

Posted 05 April 2013 - 10:41 AM

Hi David,

 

Use the following:

 

 

Please Login or Register to see this Hidden Content

 

 

I found general tooltip styles, but not these.
 
It is perfect, works right, thank you very much Danny!!


#6 Danny

Danny

    Is Awesome!

  • Moderators
  • 16277 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 05 April 2013 - 11:06 AM

No problem, happy to help.


  • velneo likes this





Also tagged with one or more of these keywords: tooltips, bootstrap, width