Home › Forums › WordPress Themes – Premium › Encounters › custom widget styles
- This topic has 10 replies, 30 voices, and was last updated 8 years, 6 months ago by Sandy Sailer.
November 20, 2014 at 12:09 am #15638
Is there a “cheat sheet” on how to use the custom widget styles? I’m assuming they are shortcodes??? Thank you.November 20, 2014 at 2:11 am #20668Sushil AdhikariModerator
This will help:
The colours are shown at the top, so you just need to enter those into the field for your Custom widget styling. Use a plugin called Widget CSS Classes for this which adds a field at the bottom of each widget in the admin. So for a red widget, in the field you would type in:
I’m assuming you seen the tutorial for this?
**sorry, the volume is low on the video.November 20, 2014 at 2:14 am #20669
I have not watched the video yet, but plan on doing so tomorrow. The video will tell me everything I need to know? I need to download a plugin called Widget CSS Classes first? Thanks!November 20, 2014 at 4:46 am #20670Sushil AdhikariModerator
No worries… and yes, the video should show you everything. Correct on the Widget CSS Classes plugin.November 20, 2014 at 10:09 pm #20676
Going through the Encounters demo, I have a couple more questions that aren’t answered in this video… What about Info Boxes, progress bars, rounded images, etc.? I do not see instructions for these items. Thank you.November 21, 2014 at 9:27 am #20680AnonymousInactive
Info Boxes and Progress bar are generated with div in the editor of WordPress and we will create the HTML snippet for them like tin the inline column example page so it will be easy for you. http://demo.styledthemes.com/encounters/inline-columns/ till then you can inspect the demo page using tool like Firebug or other chrome tool and copy the html from there.
Rounded images are created using CSS classes and those CSS classes are specified here under shaped images : http://demo.styledthemes.com/encounters/images/November 21, 2014 at 4:29 pm #20681
Okay … how would you use the Info Boxes then? Do you have an example of this? What do you put in the DIV tag? Thanks.November 21, 2014 at 5:53 pm #20683AnonymousInactive
Here is the example :
This is an Important Box
Tincidunt sed eu tellus. Praesent volutpat, nibh gravida tempor pellentesque, tortor orci dapibus libero, ac venenatis sem enim et urna. Vivamus blandit luctus massa nec facilisis. Vivamus in massa ut eros porttitor posuere nec quis mi. Nunc ullamcorper facilisis erat.
And the class ibox-yellow can be empty for default red styled info box or you can other classes like : ibox-yellow , ibox-green, ibox-blue and ibox-greyNovember 21, 2014 at 6:09 pm #20684
Got it … this needs to be done in Text view. Can things like this be added to the documentation, so we don’t have to ask these questions in the forum? 🙂November 23, 2014 at 7:23 am #20689AnonymousInactive
Yes sure.. These snippet are provided on the extras folder of the theme but we will add it on the demo page itself so it’s clear.November 23, 2014 at 7:16 pm #15639
Aaaahhhh – I have not looked in the extras folder. Ooops! 🙂
- You must be logged in to reply to this topic.