Priority Support

If you’re a Pro user, please open a support ticket.

Notifications
Clear all

Review block layout bug

Posts: 7
Topic starter
(@manou)
Active Member
Joined: 2 years ago

Hi,

For my website https://gpxadventures.com I’m experiencing some issues when using the review block on my post pages. On the front end of the site everything below the summary the layout of the elements is wrong. Both the text and CTA are placed on the right side of the container instead of the left. And the summary score and stars are placed too much to the left. (screenshot below)

Does anyone now what is wrong and how to fix this? I’m using the Highlight theme with Wordpress version 6.2.

Thanks!

 

10 Replies
Posts: 129
Admin
(@imtiazrayhan23)
Member
Joined: 7 years ago

Hi,

Welcome to the community.

It seems like the theme styles, or styles from other plugin is overwriting the styles from Ultimate Blocks.

Can you please share an exact link where I can check the block in action?

It will be easier for me to find out the exact issue.

Kind regards.

Reply
Posts: 7
Topic starter
(@manou)
Active Member
Joined: 2 years ago

Hi,

 

Yes sure! You can check the block on this page: https://gpxadventures.com/reviews/electronics/biolite-headlamp-425-review/

Curious what other plugin is overwriting the styles. Is this something that can be fixed?

 

Kind regards,

Reply
Posts: 129
Admin
(@imtiazrayhan23)
Member
Joined: 7 years ago

In this instance, can you please add some summary text in the block?

It’s not definite that other plugin is overwriting, just an idea.

Yes, I will definitely try to come up with a fix.

Kind regards.

Reply
Posts: 129
Admin
(@imtiazrayhan23)
Member
Joined: 7 years ago

Hi,

As suspected, there are extra styles being added to all divs. 

Please refer to the screenshot attached.

For a fix, we can use a small custom CSS.

Please add the following CSS to your site. That should fix it.

.ub_review_summary div:before { content: none !important; }

Let me know if the issue persists after adding the CSS. 

I will take a look at it again.

Kind regards.

 
Reply
1 Reply
(@manou)
Joined: 2 years ago

Active Member
Posts: 7

Hi, that seems to do the job! 😀 👍  Thanks! However, switching from stars to percentage view I still see something is wrong on front end (see attachment).

Reply
Posts: 129
Admin
(@imtiazrayhan23)
Member
Joined: 7 years ago

Please try the following CSS:

div.ub_review_block::before,
div.ub_review_block div::before {
  content: none !important;
}
Reply
4 Replies
(@manou)
Joined: 2 years ago

Active Member
Posts: 7

Yes that works! Thanks a lot!

Reply
Admin
(@imtiazrayhan23)
Joined: 7 years ago

Member
Posts: 129

Glad to hear that.

Please repost if you run into any other issues.

If you have couple of minutes, please consider leaving us a review.

Kind regards.

Reply
(@manou)
Joined: 2 years ago

Active Member
Posts: 7

I’ve ran into another issue with the schema.org but opened another topic for this issue. I’ll do that but where can I leave a review?

Reply
Admin
(@imtiazrayhan23)
Joined: 7 years ago

Member
Posts: 129

You can leave the review here.

Reply