[konturnetworxParticipant]

Hey there!

I’m using the card element of the X Theme in a project but they seem to have some issues in Firefox
that I can’t get my head around. Especially if you downsize the browser window, the pictures start to stick out and don’t shrink as they should. See the screenshot for details.

The url is: http://wordpress.p276374.webspaceconfig.de
Login credentials via pm?

Thank you, best regards,
Henning

[Paul RModerator]

Hi,

Thanks for writing in!

Yes, please send us your http login and wordpres admin login in private reply. Thanks

[konturnetworxParticipant]

This reply has been marked as private.

[RadModerator]

Hi Henning,

Please add this CSS at Admin > Appearance > Customizer > Custom > CSS:

.x-card-outer .x-face-graphic img{
    
    width: 100% !important;
    min-width: 0 !important;
  }
  .x-card-outer.center-vertically .x-face-content {
    
    display: block !important;
    
  }

Then please check again, thanks!

[konturnetworxParticipant]

Thank You! Almost.
Now I have the problem that the headlines on the front of the card are below the card itself.
(tested on an iPhone 6). Could you quickly look into that too? 🙂

[LelyModerator]

Hello There,

Please update above CSS to this:

@media (min-width: 979px){
.x-card-outer .x-face-graphic img{
    
    width: 100% !important;
    min-width: 0 !important;
  }
  .x-card-outer.center-vertically .x-face-content {
    
    display: block !important;
    
  }
}

Hope this helps.

[konturnetworxParticipant]

I changed it to “min-width: 720px” but other than that it works like a charm.
Thank you! 🙂

[Paul RModerator]

You’re welcome! 🙂

[hjrasmusParticipant]

I, too have problems with the cards in Firefox.

I followed your advice in this thread, which improved it a little, but ended up with having the images from the front page below the cards, and the front page text had disappeared.

What can I do?

Hans

[hjrasmusParticipant]

Hi again.
I just had to undo the customizations because they actually made it worse. They ruined the view in Safari. So after undoing, Safari is OK, but in Firefox it looks like the image included.

The site is http://savingourplanet.net

[hjrasmusParticipant]

Here comes the file:

[NicoModerator]

Hi There,

Thanks for writing in.

Would you mind opening a new thread and share us your admin credentials so we could check you setup closer.

Don’t forget to set it as private reply.

Thanks.

[Author]

Posts