How can I change the front-cover of the flipbox (and flipbox pro)... I want to use an image instead of the default...
Solved
SP Page Builder
Flip_box front background
Accepted answer
Marked as the solution
Mehtaz Afsana Borsha Staff
Nice. Glad to know that. You can now close this post by accepting the answer.
-Regards.
8 more replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. Do you want to change this gray color?
-Regards.
Ed Grysiewicz Asked this
Actually if is not to difficult changing flip-side background color to #272727 would be wonderful...
Mehtaz Afsana Borsha Staff
Sorry I dont get it. Do you want to change that background color?
Ed Grysiewicz Asked this
My primary need is replacing the front-end look and feel of the flip-box. I would like to use an image... Second, I would like the ability to change the flip-side background color to #272727...
IMHO - I think that both should editable fields in the core add-on...
Mehtaz Afsana Borsha Staff
Hi
Use this custom CSS
#sppb-addon-1668026823562 .threeD-flip-back:before, .sppb-addon .sppb-flipbox-back.flip-box:before {
background-color: #272727!important;
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Ed Grysiewicz Asked this
Thank you very much for the flipbox background css code... It worked perfectly... Makes a huge look and feel improvement...
Any progress on being able to change the flipbox front-end image?
Mehtaz Afsana Borsha Staff
For background image use this custom CSS, put the image url which you want to set.
.sppb-addon .sppb-flipbox-front, #sppb-addon-su1keVXvhn-WWGZeh6e4P .threeD-flip-front{
background-image: url(https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg)!important;
}
Ed Grysiewicz Asked this
Thank you very much for the flip-box help...
I hope that a future release will incorporate the ability to make changes without needing help... It just seems logical... Ed
Log in to reply.