How did you create the examples?

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: https://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: https://prntscr.com/9bo3zu