Docs

[string111]

Hey there!

I have tried to change the front of a card-element to an image, but the methods I found have not worked for me.
I hope you can help me 🙂

Here is the code which I placed in my Appearence > Custom CSS:

.x-card-outer .x-face-outer.front .x-face-content {
    display: none;
}

// Senior Card
.my-card-special-number-1 .x-face-outer.front .x-face-inner {
    background-image: url('http://wp.greiffenstein.de/wp-content/uploads/2016/05/placeholder-Image.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

I have also added the my-card-special-number-1 to the class of the specific element.
The image link is valid.
I have also already set up a Child Theme.

Thanks in advance!

Raphael

[string111]

This reply has been marked as private.

[Jade]

Hi Raphael,

I tried checked your site but I can’t seem to find the Card Element that you are currently working on. Would you mind providing the direct link to the page so that we could check?

Thanks!

[string111]

This reply has been marked as private.

[Rupok]

Hi there,

The code should be like this :

.my-card-special-number-1.x-card-outer .x-face-outer.front {
    background-image: url('http://wp.greiffenstein.de/wp-content/uploads/2016/05/placeholder-Image.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

Cheers!

[string111]

Hey,

Code does not work, I tried to change the picture, but no images are working. Dunno what’s causing the issue, I will investigate more.

Thanks though!

[Joao]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[string111]

This reply has been marked as private.

[Christopher]

Hi there,

There are many of following sentence in Customize -> Global CSS :

This hotel is located in the city center.

Please remove them.

Add semicolon at the end of each property, see the attachment.

Update previous CSS to :

.x-card-outer.my-card-special-number-1 .x-face-outer.front {
    background-image: url("http://wp.greiffenstein.de/wp-content/uploads/2016/05/placeholder-Image.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
} 

Hope it helps.

[Author]

Posts