Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 13, 2015 at 12:54 pm #427454
    LorbeerDesign

    Hello,

    I have a question regarding “image with hotspots”.
    I would like to make the box of the hotspot larger. The available sizes are unfortunately too small. Is there a way to make “hotspots” bigger, using CSS?

    Thanks for the answer.

    April 13, 2015 at 7:00 pm #427737
    Yigit

    Hey LorbeerDesign!

    You can add your hotspot element inside a color section element with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
    and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-custom-id .container { max-width: 100% !important; padding: 0; margin: 0; }

    Regards,
    Yigit

    April 14, 2015 at 8:20 am #428039
    LorbeerDesign

    Hello Yigit ,
    Thanks for your answer. I understand not quite.
    I want to make the hotspot of the Tolltip bigger so that I can show more content (see screenshot).

    Screenshot

    How do I find the ID of Color Section ? How can I assign the contents of the Color Section the hot spot?

    I thank you very much for the reply!

    April 15, 2015 at 5:19 am #428679
    Rikard

    Hey!

    You can assign your own ID to a color section by editing it and then filling in an ID in the For Developers: Section ID box in Section Layout. Please replace your-custom-id in Yigits code with the ID you put in for the color section.

    Regards,
    Rikard

    April 15, 2015 at 2:09 pm #428916
    LorbeerDesign

    Hello Rikard ,

    thank you for your explanation . I have understood . But how can I enter the ID in the hotspot tooltip ?

    Best Regards

    April 16, 2015 at 7:03 am #429355
    Rikard

    Hi!

    I don’t think you have to add an ID to the hotspot tooltip, just add it inside the color section.

    Regards,
    Rikard

    April 16, 2015 at 9:06 am #429420
    LorbeerDesign

    Hi Rikard,

    Thanks for the answer.
    I have the color section with an ID and registered in the quick css code of Yigit. Now the “Image with hotspot” has become more broadly. however, I would like to “full with” like on the side in 2nd position.

    I just wish that the size of the hotspot box wider » as shown in the screenshot.

    Oh, I hope we can find a solution:-(

    Screenshot

    April 17, 2015 at 5:03 am #430074
    Rikard

    Hey!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    April 17, 2015 at 7:42 am #430131
    LorbeerDesign

    Hi,

    there is the link to the site: Link

    Best Regards

    • This reply was modified 9 years, 8 months ago by LorbeerDesign.
    April 19, 2015 at 12:06 pm #430868
    Andy

    Hey!

    you can control tooltip width with this code:

    .av-tt-xlarge-width {
width: 430px;
}

    adjust as needed.

    Regards,
    Andy

    April 20, 2015 at 8:12 am #431144
    LorbeerDesign

    Hi Andi,
    that’s exactly what I wanted:-)
    You are super! Thank you very much for your help!

    Best Regards
    Lorbeer Design

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Width: Hotspot Tooltip’ is closed to new replies.