I’m referring to the details of the FlipBox examples.
Hello reneverschoor,
Unfortunately, at the moment there’s no one-click way to transfer separate examples to SiteOrigin Widgets representation at your website. That’s why I prepared for you a list of shortcodes for examples shown at the FlipBox showcase: https://gist.github.com/rsukhar/7704a09f5672aa13d2f0
I hope, you’ll figure out the separate values from the provided shortcodes, and will be able to recreate them at your environment.
I think about developing some convenient import tool for this in some future, but at the moment it’s not tier-1 priority, as I’m focused on a set of new really great elements, that are coming soon! Stay in touch! 🙂
By the way, regarding this concrete question: if you want, right now I can provide you a config form screenshots for one selected FlipBox example, so you could better understand it’s config.
So what do you think?
Hi Ruslan,
Thanks for the quick answer.
I’ll have a look at the shortcodes, that should give me a good start.
Thanks!
Rene
Glad to hear it helped!
If you need anything else from me, please let me know!
Making progress 🙂
I have a few questions right now:
1. While reproducing the 1st and 2nd row of your examples, the title text on front and back is always dark gray.
I think I tried all settings, but I didn’t manage to change the color of the title.
2. For the 2nd row example you use a transparent image (alarmclock, monitor, wine glasses).
I did the same, and it works fine.
However, while I was trying to get the title color right, I also set a color for Front Side – Icon Background Color.
Of course that didn’t change the title color, but I was trying everything 🙂
As a result, the icon lost its transparent background.
Is there a way to fix this, or should I recreate the widget from scratch?
3. In the 1st row example you have a button with URL on the backside.
My button text is underlined to indicate it’s a link, but your button text is not underlined.
I assume this is inherited from the theme?
1. Most probably, it’s overridden by your theme’s styles. I will make more strict rules for this in the next version. Till then you can define some of the CSS styles you need manually: CodeLights is absolutely great for that!
2. If I got you right, you’re looking for this button: http://prntscr.com/9bmqlg
3. Most probably, yes, it’s inherited from the theme. You can override the certain styles you need using CSS.
1 & 3 I’ll look into CSS.
2. Yep, I was looking for the Clear button.
Have seen it in other places, but not here: http://prntscr.com/9bo3zu