Hello as you can see in the screenshot, the flip boxes(top boxes) are a different color from the background. Can you tell me how I can fix this problem?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Awesome, tahir thank you. My last question, if possible can I add the same hover feature as the fancy box to these flip boxes? I like how the hover animation looks when hovering over the fancy boxes, will be very helpful to my clients!
Hello as you can see in the screenshot, the flip boxes(top boxes) are a different color from the background. Can you tell me how I can fix this problem?
Attached files: Screenshot_20250709_173247_Chrome.jpg
Hi giuliano,
Thank you for getting back to us.
Please add the following custom css script to your Salient > General Settings > CSS/Script Related > Custom CSS Code box:
.nectar-flip-box .flip-box-back { background-color: #f4ece2 !important; }Please give it a try and let us know if it does the trick.
Best wishes,
Salient Support
Thank you I pasted the code and the "!important;" is not accepted so I removed and sstil no cchange. CCould you possibly tell me another way?
Attached files: Screenshot_20250709_203825_Chrome.jpg
Ideally I would llike the boxes to look like tthe fancy boxes (bottom boxes) in this screenshot if possible.
Attached files: Screenshot_20250709_173247_Chrome.jpg
Hi Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-flip-box { box-shadow: none !important; }Thanks
Salient Support Team
Awesome, tahir thank you. My last question, if possible can I add the same hover feature as the fancy box to these flip boxes? I like how the hover animation looks when hovering over the fancy boxes, will be very helpful to my clients!
Attached files: Screenshot_20250710_084542_Chrome.jpg
If I can't no worries Tahir, I did notice there was a white blank space when I click on the box. Any way I can fix this?
Attached files: Screenshot_20250710_084925_Chrome.jpg
Hey Again,
I am afraid not, you will have to use the Fancy Box instead of the Flip Boxes to get a consistent design.
Best,
Salient Support Team