Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1327355

    Ahoy,

    I’m having issues with the style settings for my plugin. The styles are being overwritten to show enfolds style settings instead of the ones I have selected for in my plugin settings. The plugin i’m having issues with is called “Tooltips Style”. As a test I have set the colors to text color to orange and the font family to a different font family but they are staying the default of enfold. I would also like the hove color to be blue of the text and the underline to be a tad thicker if possible. I have reached out the the plugin developer and the issue seems to be with the enfold theme only, when I change the theme the styles load.

    I have included a video of the issue as well as the website in the private content.

    #1327463

    Hey hitrev,
    Thank you for the link to your site and the video, I didn’t find the orange “.tooltipsall” color in your css, it was black, but I did find the green hover:
    2021-11-02_002.jpg
    but you will notice that your links are inside a H1 tag:
    2021-11-02_003.jpg
    so a css rule of just “.tooltipsall” is pretty weak, heading tags typically have a higher specificity than this.
    So to correct try forming your rule like this and add manually:

    #about.alternate_color h1 .tooltipsall {
    	color: red;
    }
    #about.alternate_color h1 .tooltipsall:hover {
    	color: yellow;
    }

    Your plugin options may work in a plain text element, but I believe even then the paragraph tag “p” is effected by a second class for the “.main_color” or the “.alternate_color” classes, so in the end a single class “.tooltipsall” doesn’t have the specificity needed. I hope this makes sense.

    Best regards,
    Mike

    #1327524

    Hi @mike, thanks for the explanation. How would I got about changing the font as well?

    I will pass this off to the plugin developer.

    #1327582

    Hi,

    Thanks for the update. Please try this CSS as well to change the font family:

    #about.alternate_color h1 .tooltipsall {
      font-family: monospace;
    }

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.