Wow! It's been nearly a week since my last video. It's also been a very crazy busy week for us, so I'm playing a little bit of catch up. This is also the second time I've created this post, because the gremlins decided to make the first one disappear when I clicked Post. Damn those gremlins!
Oh and, I dripped jam on my tie while eating on the run this week, hence the photo:) What a week!
The CSS Elements for CSS Hero
I've had a few requests for the Beaver Builder CSS elements that I mapped for CSS Hero, so I thought I'd make it easy for everyone by posting them here. Just copy all of the following code and paste into CSS Hero:
.fl-fixed-width .fl-page .fl-page-bar .fl-page-bar .fl-page-bar-text, .fl-page-bar .fl-social-icons .fl-icon fl-icon-color-mono .fl-page-bar .text-left .fl-page-bar-nav > li > a .fl-page-bar .text-left .fl-page-bar-nav > li.current-menu-item > a .fl-page .fl-page-nav-wrap .navbar-nav > li > a .fl-page .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a .fl-page .fl-page-nav-wrap .fl-page .fl-page-header .fl-page .fl-page-header-wrap .fl-page-header-container .fl-page .fl-logo-text .fl-page .fl-logo-img .fl-page-header-logo .fl-page-nav-right .fl-page-header-container .fl-page-nav-wrap .navbar-nav > li > a .fl-page-nav-right .fl-page-header-container .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a .fl-page .fl-page-nav-bottom .fl-page-header-content .fl-page-header-text .fl-page-nav-bottom .fl-page-header-content .fl-social-icons .fl-page .fl-page-nav-search a.fa-search .fl-page .fl-page-nav-search form .fl-page .fl-page-nav-search form input.fl-search-input .fl-page .fl-page-content .fl-page .fl-content-left .fl-page .fl-sidebar-right .fl-page .fl-sidebar-right .fl-search-input .fl-post .fl-post-title a .fl-post-author a .fl-post-feed-header a .fl-post-feed-post .fl-post-more-link .fl-post-date .fl-comments-popup-link a .fl-comments-respond-title .fa fa-comment .fl-comment-form .btn-primary .fl-page-nav-bottom .fl-page-header-content .fl-social-icons .fl-icon .fl-page .fl-page-footer .fl-page-footer .fl-page-footer-text a .fl-page-footer .fl-page-footer-container .fl-page-footer-row .fl-page-footer .fl-page-footer-text, .fl-page-footer .fl-social-icons .fl-page-footer .text-right .fl-social-icons .fl-icon .fl-page-footer .fl-page-footer-text, .fl-page-footer .fl-social-icons .fl-page-footer .text-left .fl-social-icons .fl-icon .fl-page-footer .text-left .fl-page-footer-nav a .fl-page-footer .text-left .fl-page-footer-nav li.current-menu-item > a .fl-page-footer .text-right .fl-page-footer-nav a .fl-page-footer .text-right .fl-page-footer-nav li.current-menu-item > a .fl-widget .fl-widget-title .fl-widget ul li > a .fl-page-nav-right.fl-page-header-fixed .fl-logo-text, .fl-page-header-fixed .fl-logo-text .fl-page .fl-page-header-fixed .fl-page .fl-page-nav-right .fl-page-header-wrap .fl-post-feed-post .fl-page .fl-page-nav-right .fl-page-header-fixed .fl-page .fl-page-nav-wrap .fl-page-nav-container
This is only a beta version of the elements, so please accept them the way they are. I might have missed the odd element here and there, so you might have to add some yourself.
There will be an improved final version done when the Beaver Builder guys release their updated theme sometime in the new year.
If you have any problems with using CSS Hero with the Beaver Builder theme, please post questions here and not on the Beaver Builder support forum.
How to style forms with CSS Hero
If you struggle to make your WordPress forms look nice, or dread the thought of tackling the CSS needed to style forms in Gravity Forms or Contact Form 7, you're going to love the video I'm posting tomorrow.
I'll be showing you just how easy CSS Hero makes it to style forms created with the popular Contact Form 7 and Gravity Forms plugins. You don't want to miss this one - it's worth the price of CSS Hero alone to be able to style forms as quickly and easily as this.
A Big THANK YOU!
Before I head off and disappear into Camtasia to start work on that video, I just wanted to say a big thank you to everyone who drops in to read my Blog and watch my videos. It's so nice to be able to give something back to a community who has helped me so much over the years. There are some really great people in this world and it really warms me up to hear that my videos are helping others to create great websites. Thank you for letting me know:)
Cheers for now,