Docs

[Antony H]

Hi guys, I’m just working on a new site and I have a question please:

I want to use background images on the front and back of the card element. I’ve used this CSS:

.card-1 .x-face-outer.front .x-face-inner {
background-image: url(‘http://firstchoicemarketingltd.co.uk/wax/wp-content/uploads/2016/09/IMG_3228.jpg’);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}

.card-1 .x-face-outer.back .x-face-inner {
background-image: url(‘http://firstchoicemarketingltd.co.uk/wax/wp-content/uploads/2016/09/IMG_3228.jpg’);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}

It works, but I also want to be able to set a semi transparent colored overlay. When I try and change the font and back colours in Cornerstone it no longer has any effect. I’ve done this before, so I know it’s possible, but I have no idea how I did it!

Please can you help me? Thank you!

[Antony H]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! It seems your website is under construction. Please take it off or provide us the credentials in private reply so that we can check and assist you on this. Also could you attach a mockup of what you are trying to aciheve now?

Thanks

[Antony H]

This reply has been marked as private.

[Antony H]

This image shows how the cards are now on the front and back [top row] and how I’d like to make them [bottom row].

Thank you guys!

[Lely]

Hello Antony,

The credentials is not working. I can’t see your card at the moment, but then based on your screenshot, something like this will work:

.card-1 .x-face-content {
    background-color: rgba(255,0,0,.5);
    width: 100%;
    height: 100%;
}

Hope this helps.

[Antony H]

Hi Lely, thanks for your help. That wasn’t quite what I was looking for but I managed to adapt it into something that works and looks better than I’d imagined so that’s great!

[Friech]

Glad to hear that, should you require any further assistance with X|THEME and Cornerstone, please feel free to get in touch with us.

Cheers!

[Author]

Posts