Ratings don't show on certain themes in Safari
-
I noticed if you enable Ratings they won’t show on Safari browsers for certain themes. Inspecting the elements, I noticed it appears to be due to the element having no defined height:
div#pd_rating_holder_8716293_post_11255.pd-rating 629px x 0px
I’m guessing the 0px is the offender here, but I’m not sure how to override it, or where it’s being inherited from. I tried adding height: auto; (or given it some height) to the .pd-rating class to no avail. It shows up fine in Chrome and Firefox, but Safari is being stubborn for some reason.
Thanks for any suggestions!
-
Hi ageeksjourney,
Could you send a screenshot of the code that you see when you inspect the element?
Thanks!
-
Couldn’t post a screenshot, but this is the HTML element where the rating is supposed to show:
Rate this:
CSS source that format it is:
*, *:before, *:after {
box-sizing: inherit;
}
User Agent Stylesheetaddress, article, aside, div, footer, header, hgroup, layer, main, nav, section {
display: block;
}.entry-content *:last-child {
margin-bottom: 0;
}
_static:2:51700.pd-rating {
display: block !important;
}
_static:2:141247*, *:before, *:after {
box-sizing: inherit;
}
User Agent Stylesheetaddress, article, aside, div, footer, header, hgroup, layer, main, nav, section {
display: block;
}I’m hoping there’s enough here to provide some kind of clue to what’s causing it. This impacts a lot of WordPress themes too, and probably wasn’t noticed by now because it only seems to occur on Safari browsers.
-
Here’s the HTML element again since it was formatted earlier 🙄:
Rate this:Attribute is: class=”sd-block sd-rating”
Selector path is: #jp-post-flair > div.sd-block.sd-rating
-
-
I give up, it won’t post the HTML source code without translating it, but hopefully you get the idea.
-
I was actually hoping to see the HTML code too from the screenshot and maybe give you an idea on which element you can set up height.
-
-
Thanks for your interest in assisting! I’ve been exploring this a bit further and it appears it’s not related to CSS but a result of the ratings code missing altogether. It shows up in my theme preview, but once I publish a theme, the code that outputs the ratings disappears, which is why no matter or CSS editing helped, because ratings element isn’t even there O__O.
There must be some coding conflict that prevents the code from properly being embedded and displaying. I’m going to file a bug report and see if the developers can nail down what’s causing the issue. Thanks again!
-
Ah that makes sense :) You can also try disabling plugins to see if any of them is causing this.
Good luck!
-
-
I’ve since resolved the issue, which was being caused by a DuckDuckGo extension I was using on Safari. The extension contains privacy settings that prevents tracking or certain types of cookies, which is why I wasn’t see the Ratings code.
Hope this helps some who uses their browsers in a similar way!
-
- The topic ‘Ratings don't show on certain themes in Safari’ is closed to new replies.
WordPress.com Forums 