I’m using site origin widgets in vantage and I’m trying to best create some custom feature icons to head a topic. I’d like do be able to overlay the red circle with diagonal line (that together mean: “Don’t” or “No”) to overlay on top of another icon. Much in the same way a no smoking or no parking sign is created.
1) In using the “Feature” widget, it would be handy if the “container widget” could include the “NO” slashed circle as a container shape. Then existing icons could be used and the container could (should) float over the top of it.
2) Conversely, it would be good to have a like stylised TICK that could be floated under or over the users choice of other icon.
How could I achieve either of these goals using the tools available to me in the site origin widgets?
see if it helps
1) create a feature widget. on the feature window, click icon, select font awesome, on the search icon search field look for a icon named- ban. on the icon color select red as you want. now on the container size use 0 px and save . this will give you a ban icon without the background container.
That’s a good little piece of info. I didn’t know that!
Using that nugget didn’t quite get the results I’d like to simulate though. This is what happened when I gave it a go:
It doesn’t quite suit my needs though. In the end I generated my own graphic for the feature widget, but I’d like either a way to overlap icons and/or overlay the title text under or over the icon.
Hai, so you want your result to be like in the screen shot that you shared?
@gopu Actually, I’d like it to be better :)
That was the result of me playing with the settings and was about as close as I could get it. I would like the title text to be over or under (not fussed either way) the ban icon. Sort of like a conventional “No XYZ” sign, with the crossed circle crossing out the banned item (in this case a word).
As mentioned, in the end I just made the icons myself as per: http://fahskitchen.com/
I would *like* to be able to generate these on the fly. I do realise this isn’t a core function of any current widget or even the themes or anything offered by SiteOrigin. I only posted here since the “feature widget” is very close to what I want and I’m using the premium version of the theme and free version of the plugins.
hai, i managed to get something like this . but there is a small problem .this css would affect other feature widgets too. if you want to create all the feature widgets in the same way then its not a problem.
to get this first install siteorigin css plugin ( https://wordpress.org/plugins/so-css/)
now paste this code there and save
.sow-features-list .sow-features-feature .textwidget> h5 { margin-top: -30px; }adjust the margin-top value as needed and check how it looks.
Yeah that’ll do it. Also doesn’t need to break other widgets. You should be able to give it a custom class name in the feature widget itself. I’d have to check (I’m on mobile right now).
But thanks for that. In the absence of anything else, this might be something I explore.
Cheers.
I tried to create a class for the attribute but its not working.