Rotating Card background

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Rotating Card background

rna014 pro asked 7 years ago

Hi, See https://storage.googleapis.com/mbd01/index.html When rotating the card - I see a white background card which doesn't look good. Is it possible to have the white background transparent?

Ollie Vincent pro answered 7 years ago

Hi, Sorry - try hitting the class .card-wrapper .back, .card-wrapper .front with the white background. Try the !important tag if it doesn't work straight away

rna014 pro commented 7 years ago

Not sure if I follow correctly - but there is only one card-wrapper which has both side contained ??

Ollie Vincent pro commented 7 years ago

Yes that is what the comma is for :) atleast that is what Chrome & Firefox is telling me

Ollie Vincent pro answered 7 years ago

Hi, So you have this line of code: div class=" card wow fadeInRight z-depth-4"> delete .card. This will make the whole rotating card transparent. You then want to hit the class .face-front with background:white. Hope that helps. Thanks

rna014 pro answered 7 years ago

Thanks for that. I’ve updated as mentioned – pls see link as above. However, the second step (background:white) didn’t seem to make the card a solid white.

rna014 pro answered 7 years ago

Pls, see https://storage.googleapis.com/mbd01/index.html am not sure I've got this right? cheers.

Ollie Vincent pro commented 7 years ago

Looks ok to me - I would delete the z-depth-4 class though That is the outcome I was looking for and that is how I understood it from your original question. Correct me if I am wrong? Thanks

rna014 pro commented 7 years ago

yes thats what I was after as a final look - have decided to remove the z-depth also. Thanks for the help !
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
rna014
Pro User
10Support score
4Questions 4Answers
0Snippets likes 0Snippets