Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1264309

    2 of the customized tooltip layouts in links Yigit helped me to settup in a previous post (/customising-the-title-attribute-of-a-text-link) are going underneath other sections as you can check in that page.

    I’ve tried numerous values in the z-index parameter but nothing changed.

    Any hint will be appreciated… ;)

    #1265204

    Hey rvga,
    Sorry for the late reply and thanks for the links, please try adding this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #main .sidebar {
        z-index: 0 !important;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1265450

    Hi Mike,
    Thx for the tip.
    I’ve added your code, I’ve cleared the cache as well, but
    unfortunately that doesn’t work for the 3rd tooltip of the page (the ‘budget’ one)

    #1265473

    Hi,
    Thank you for the feedback, to align the “budget” left and to adjust the z-index of the section below so the “budget” tooltip is on top, please try this css:

    #top.postid-2634 #main > div > div > main > div > div > div:nth-child(4) > div.avia-builder-el-8 > div:nth-child(7) > table > tbody > tr > td {
        text-align: left !important;
     }
    #top.postid-2634 #main > div > div > main > div > div > div:nth-child(5) {
    	z-index: 0 !important;
    	position: relative;
    }
    

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1265505

    We’re getting close Mike but it’s not quite perfect yet
    In my quick css, I have added this code:

    #top #main .sidebar {
        z-index: 0 !important;
    }

    It works fine only for the first tooltip (Cubiq)
    and that one:

    #top.postid-2634 #main > div > div > main > div > div > div:nth-child(5) {
    	z-index: 0 !important;
    	position: relative;
    }

    which works fine for the budget tooltip.
    But unfortuantely, that 2nd code works only the first portfolio item called Club Aladin.
    If you navigate to other portfolio items, you will see that the 3rd tooltip (budget) doesn’t work.

    Is it possible to extend your code to all portfolios?

    #1265745

    Hi,
    Please try this css instead of the last code above:

    #top.page-id-1066 #main > div > div > main > div > div > div:nth-child(4) > div.avia-builder-el-8 > div:nth-child(7) > table > tbody > tr > td {
        text-align: left !important;
     }
    #top.page-id-1066 #main > div > div > main > div > div > div:nth-child(5) {
    	z-index: 0 !important;
    	position: relative !important;
    }
    

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1265764

    Sorry Mike, it doesn’t work.
    – 1st tooltip (cubiq): Ok
    – 2nd (taille du site): ok
    – 3rd (budget): Not Ok yet.

    It still goes underneath next section as you can check here.

    But… remember as I said in an other thread, I moved to daughter pages. I don’t have portfolio items any more.
    My portfolio items became pages and maybe it’s not without effect with the code you gave me. (?)

    Following yours tips, here’s the code I have now in my quick css:

    #top #main .sidebar {
       z-index: 0 !important;
    } 
    #top.page-id-1066 #main > div > div > main > div > div > div:nth-child(4) > div.avia-builder-el-8 > div:nth-child(7) > table > tbody > tr > td {
        text-align: left !important;
     }
    #top.page-id-1066 #main > div > div > main > div > div > div:nth-child(5) {
    	z-index: 0 !important;
    	position: relative !important;
    }
    #1265767

    Your code is all the way down in the quick css zone… ;)

    #1265770

    Hey,

    I edited your Column element where you have your tooltips and gave it a unique ID “tt-sec” and added following code to bottom of Quick CSS field

    #top #tt-sec.flex_column_table_cell { z-index: 2; }

    Please review your website :)

    Regards,
    Yigit

    #1265803

    That’s perfect Yigit you rock!
    It works like a charm,
    Thanks to both of you with Mike.
    You can close that one ;)

    #1265830

    Hi rvga,

    Great :)

    We are closing the thread.

    If you need further assistance please let us know in a new one.

    Best regards,
    Victoria

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Custom tooltip underneath other section’ is closed to new replies.