Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 21, 2014 at 1:13 am #212491
    TFT

    How to control the position of where the pop-up box shows up upon hover. It cuts off depending upon caption length and where the icon is hovered in relation to page position. Would like it to be dynamic to show wherever there is enough space to view the caption (which may be lengthy).

    Thank you

    January 21, 2014 at 2:04 am #212530
    Ismael

    Hey TFT!

    That is not possible at the moment. You can only adjust the width of the tooltip. Use this on Quick CSS:

    #top .avia-icon-tooltip {
width: 500px;
font-size: 15px;
line-height: 1.6em;
}

    Best regards,
    Ismael

    January 21, 2014 at 3:39 am #212589
    TFT

    Thanks Ismael, however the code doesn’t seem to change anything if I modify width, font-size or line-height.

    January 21, 2014 at 4:54 am #212613
    Ismael

    Hi!

    It should widen the tool tip box. Can you please give us a link to the page with the icon?

    Regards,
    Ismael

    January 21, 2014 at 5:11 am #212620
    TFT
    This reply has been marked as private.
    January 22, 2014 at 9:33 am #213205
    Dude

    Hi!

    1) Yes, (for this page: http://thefoundtable.com/entry ) use following css code

    
#top.page-id-3872 .avia-section{
background-color: rgba(200, 54, 54, 0.5);
}

    You can use any other rgba value – this converter: http://hex2rgba.devoth.com/ will help you to convert the hex colors to rgba. The last value determines the opacity and must be between 0 and 1.

    2) Yes use this code and replace the rgba values to change the color

    
#top.page-id-3872 .avia_textblock{
background-color: rgba(200, 54, 54, 0.5);
}

    3) You can hide the header with

    
#top.page-id-3872 #header_main { display: none !important; }

    4) Can you post a link to a page with the menu please?

    Best regards,
    Peter

    January 25, 2014 at 10:15 pm #214898
    TFT
    This reply has been marked as private.
    January 26, 2014 at 4:17 am #214953
    Ismael

    Hi!

    Edit js > avia.js, find this code on line 300:

    switchWidth = 767;

    Replace it with:

    switchWidth = 783;

    This will show the mobile menu instead. Remove browser cache then reload the page a few times.

    Regards,
    Ismael

    January 26, 2014 at 10:14 pm #215074
    TFT

    Thanks guys! Really appreciate what you do!

    I changed the switchWidth to 783, but isn’t working. I tried a few variations to the number, but menu still does the same thing. Is there a way to resize the logo down when it loads on a mobile device?

    January 27, 2014 at 6:59 am #215164
    Ismael

    Hey!

    I don’t see the menu on this page: http://thefoundtable.com/mobile-entry/

    Please try to remove browser cache then reload the page a few times to see the effect.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Stand Alone Icons – Pop-up Box Position’ is closed to new replies.