-
Posts
-
Hello
Am using the logo partner element to display a grid of people.
On hover there is a name and job title – I want to display all like the example below on hover – with name on the first line and the job title on second line. However some of the shorter names have both name and part of the job title on one line and some of the longer names split the firstname and last name…. how can I get them all to display text before the : on line 1 and text after on line 2?
I need the hover box to be longer and then a line break after the :
My page is not published yet so cannot show you a working link.
Example…
Firstname Lastname:
Director of ThingsThank you.
Hey sensiblekaren,
Sorry for the late reply, do you mean that you are trying to use the “Image Caption” of each partner to show two lines?
On my localhost I was able to create two lines with this css:.avia-tooltip.avia-tt .inner_tooltip { display: table-caption; text-align: left; }what this does is create a new line after each word, so for the name as the first line I used a non-breaking space like this
Miss One CEO
Please note that WordPress will try to strip the non-breaking space each time you edit the element. Unfortunately this element is only meant to show the tooltip as one line.Best regards,
Mike
- You must be logged in to reply to this topic.