feefo logo display on reviews page is warped

Hi Alice,

I took a look and found that some of the code generated by the plugin you’re using for reviews is being mistakenly styled with the following part of Pictorico’s CSS:

.header-image {
    position: absolute;
}

You can workaround this with some custom CSS.

To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. If you have Jetpack installed then you can activate its custom CSS module.

Enter the following snippet in either the editor for your CSS plugin or the style.css file of your child theme:

feefo-merchant-header .header-image {
    position: static;
}

Give that a go and let me know if any questions come up. ??

Thank you so much for taking a look, really appreciated!

However, I can’t seem to get this to work (I have added your suggested CSS). Any other ideas?
https://www.swimquest.uk.com/reviews
Al ??

Hi Al. ??

The logo looks correct to me when viewing your site now:

Are you seeing something different?

Hi Siobhan,

Thanks so much for this – I am still seeing the dodgy logo alignment, which is odd. I have also added reviews pages via tabs responsive, and put in location specific reviews (see here: https://www.swimquest.uk.com/thailand) and click on the reviews tab. These also seem to be distorted.

Any further advice appreciated!

Thank you so much for your help.

Hi Alice,

Sorry for the delay in response here: I was away last week!

The logos look correctly aligned on my end at the moment.

Could you perhaps create a screenshot of what you’re seeing on your end? You could upload the screenshot via the Media section in your admin area and then share the URL here. It’d also be useful to know if you’re able to replicate across all browsers or if the logo only looks misaligned in one.

Thanks!