Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • June 3, 2022 at 1:44 pm #1354024
    bopartkunsttransporte

    Hi!
    I would like to change the text format of mit Hotspot-Tooltip. How can I do it?
    Thanks in advance
    Arantza

    June 3, 2022 at 1:59 pm #1354025
    Guenni007

    the setting on default is:

    .avia-tooltip .inner_tooltip {
  font-size: 0.925em;
  line-height: 1.65em;
}
    June 3, 2022 at 2:11 pm #1354027
    bopartkunsttransporte

    Yes, but I cannot change it :(
    I’ve modified it, mut it doesn’t work

    June 3, 2022 at 2:12 pm #1354029
    bopartkunsttransporte

    I also would like to change the width of the tooltip

    June 4, 2022 at 3:05 am #1354091
    Ismael

    Hi,

    Thank you for the update.

    Where are you testing this? Please provide the link to the page so that we can check it.

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css modifications to regenerate the stylesheets or css files.

    Best regards,
    Ismael

    June 4, 2022 at 8:57 am #1354115
    bopartkunsttransporte

    Hi, the page is not online yet. I tested it on the quick CSS.
    I could customize addin html-code on each tooltip, but I’d prefer adding it to css

    June 4, 2022 at 10:55 pm #1354191
    Mike

    Hi,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .avia-tooltip .inner_tooltip {
  font-size: 1.5em;
  line-height: 1.65em;
  color: #fff;
}
#top .av-tt-large-width {
    width: 350px;
}
.main_color .avia-tt, .main_color .avia-tt .avia-arrow, .main_color .avia-tt .avia-arrow {
    background-color: #add4ef;
}

    2022-06-04_012.jpg
    Feel free to adjust to suit.
    After applying the css, please clear your browser cache and check.
    If this still doesn’t work for you then we will need to see your example so we can examine, so please create a test site online.

    Best regards,
    Mike

    June 6, 2022 at 12:02 pm #1354291
    bopartkunsttransporte
    This reply has been marked as private.
    June 6, 2022 at 12:58 pm #1354294
    Mike

    Hi,
    Please try disabling any caching plugins and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression then enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and clear your browser cache, If this doesn’t correct please include admin login in the Private Content area so we can investigate.

    Best regards,
    Mike

    June 10, 2022 at 8:36 am #1354758
    bopartkunsttransporte

    Hi there!
    I sent you an admin login a couple of days ago but I didn’t receive any answer from you yet. Can you help me with this issue?
    Tanks!
    Arantza

    June 10, 2022 at 12:45 pm #1354804
    Mike

    Hi,
    Thank you for your patience, this thread didn’t update with your admin login information and the link to your site, please try adding again in the Private Content area in the forum:
    2022-06-10_001.jpg

    Best regards,
    Mike

    June 13, 2022 at 4:13 pm #1355051
    bopartkunsttransporte

    Hi Mike,
    thank you for your E-mail. I solved the problem. I created a class for the Tooltip and it work.
    Thank you for your help
    Arantza

    June 13, 2022 at 5:31 pm #1355071
    Rikard

    Hi,

    Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 14, 2022 at 8:18 am #1355129
    bopartkunsttransporte

    Thank you. You can close :)
    Have a nice day.
    Arantza

    June 14, 2022 at 12:08 pm #1355148
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Customize Hospot-Tooltip’ is closed to new replies.