|
Jakob Naredi
|
November 24, 2015 at 7:53 am
When using mouse over in event pages the texts are hard to read. Example: http://take.ms/v6ot0
It appears on all mouse over effects on that page.
Example code:
<span class=”DTT_sold_label” data-hasqtip=”6″ aria-describedby=”qtip-6″>Sålt</span>
|
|
Tony
|
November 24, 2015 at 7:56 am
Hi Jakob,
The tooltips should be placed on top of a dark background, for example – http://take.ms/WFAbS
If you temporarily switch to one of the default themes such as twentyfourteen and re-test this, does the same happen?
|
|
Jakob Naredi
|
November 24, 2015 at 8:06 am
No difference, I have tried all the standard themes.
|
|
Lorenzo Orlando Caum
|
November 24, 2015 at 8:47 am
Hi Jakob,
There should be a dark background on those: http://cl.ly/image/1s360f3Y0z2t
If you inspect those elements that are missing the background, then do you see any errors appearing?
Also, was Event Espresso manually installed by uploading files via SFTP or FTP or was it installed via your WP dashboard?
—
Lorenzo
|
|
Josh
|
November 24, 2015 at 9:04 am
This could be caused by another WordPress plugin’s stylesheet. Does the design look better if you temporarily deactivate all other WP plugins?
|
|
Jakob Naredi
|
December 7, 2015 at 3:19 am
Thank you! The plugin “Easy Forms for MailChimp by YIKES” was the problem. Do you know how to search to solve this problem?
|
|
Tony
|
December 7, 2015 at 5:00 am
Hi Jakob,
I had a look into this and turns out that plugin is setting all qtips to use a transparent background but to do so it is using:
<pre class=”brush: css; gutter: false; first-line: 1; highlight: []; html-script: false”>/** Qtip Tooltips **/
.qtip-default {
background-color: transparent !important;
border: transparent !important;
z-index: 9999999 !important;
}
Because they are using !important it becomes a little more tricky to override. You could try using something like:
<pre class=”brush: css; gutter: false; first-line: 1; highlight: []; html-script: false”>.post-type-espresso_events .qtip-default {
background: rgba(0, 0, 0, .87) !important;
}
Within a plugin such as Add Admin CSS to override Yikes. However I would recommend issues a ticket with the plugin author to have them only load the CSS file when needed, or stop apply transparent backgrounds across all qtips by default as it will likely cause the same problems in other areas were qtips are used.
|
