JacoJams profile

Home Forums JacoJams

Forum Replies Created

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • JacoJams
    Participant

    Thanks!

     

    I created a test page for it at: https://armorpoint.com/hover-text-test/

    It’s basically just coming up blank.

    In a text block I am placing:

    <div class=”tooltip”>Hover over me
    <span class=”tooltiptext”>Tooltip text</span>

    </div>

     

    I’m attaching a screenshot of the CSS code I placed into the Jevelin’s custom CSS area.

     

    I’m assuming there is a div style from the theme that is overiding. But thank you for looking.

    Attachments:
    You must be logged in to view attached files.

    JacoJams
    Participant

    Sorry, I think you misunderstand. I have the code developed. In my original message, I included the code. Also in the link sample I provided, the code is already developed. And, I have tested this on another website of mined using a different theme and it works no problem.

     

    There are 3 different locations for custom CSS in the Jevelin theme: Theme Settings > Customize Code, Appearance > Customize and the Theme Editor in the Child Theme CSS Editor.

     

    I fully understand to code in the child theme. And I understand how to code div styles. What I’m trying to get across is that jevelin won’t accept any custom div styling code. I need to know what’s overriding it

     

    Thanks.

    JacoJams
    Participant

    Of course, thank you. I’m trying to create a bit of text so that when the mouse hovers over it, a “tip” of additional text appears. If you go to this URL from w3schools, it will show you the type of code I’m trying to add to the theme and the desired type of result:

     

    https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_tooltip

     

    thanks.

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