CSS Hero now has a new add-on for their plugin that is sure to make a few developers happy. Tested it out the new Inspector add-on and it's pretty awesome :-D
The Contact 7 Form is a hugely popular contact form plugin, but it can look a bit bland. This article shows how you can use CSS Hero to spruce up the look of your contact forms without ever having to code a single line.
With over 1 million active installations, the Contact 7 Form Plugin is one of the most popular contact forms in the WordPress Repository. Not only is it easy to use, but it’s also pretty easy to add additional tags to help create a unique contact form on your site. The only downside is that the plugin doesn’t give any easy options for customizing the esthetics of your contact form.
Today, we’re going to show you how you can use CSS Hero to quickly and easily customize the look of your contact form to look pretty awesome. And the best part?
No coding needed!
So let’s dive right in. Below is a picture of what the shortcode for my contact form generates by default.
In the next few steps, I’ll show you how you can easily change the follow elements:
Change font, font size and font color
Adjust the size of contact form
Add a border and border color to the form
Change the size, font, and color of the submission button
Editing The Text
Start by launching CSS Hero and then targeting the selector of the top line on the contact form. (in this case, that selector is #wpcf7-f93-p112-o1 p, but it may be different for you.)
After you click that element, go to Text in the CSS Hero interface and choose
A look at how the CSS Hero plugin makes Genesis Framework CSS customization accessible to everyone
It’s amazing how WordPress manages to gather together the minds of some amazing people who can create great products that many flock to. As WordPress and the internet began to evolve, there were some forward thinking companies that changed with it and began to build a sturdy name and product upon the ever shifting sands of these worlds. One such company is StudioPress — a WordPress theme shop that created the ever powerful Genesis Framework. If you’ve been around WordPress for sometime now, then you have likely heard about this WordPress framework/theme. There are quite a few reasons for its success: It’s a lightweight theme which means that it’s fast loading thus creating a better user experience
It’s built using HTML5 and implement the responsive approach, thus making the website small-screen friendly
It has buckled down its code so that it’s up to speed with security
It’s SEO ready
It is developer friendly
There are rampant Child Themes available (both free and premium)
For as great as the all of these features are, there is one major issue with it. Can you guess what it is?
The Problem with the Genesis Framework
So just what is the issue with this glorious theme and its child themes?
A Review of how the A2 Hosting platform performs while running Divi, the Genesis Framework and the CSS Hero plugin
It’s a bird. It’s a plane. It’s — No, not Superman. It’s CSS Hero!
All joking aside, CSS Hero we’re a company dedicated to offering great products backed by great customer service. As a business that stands behind such ideologies, we are always on the lookout for other WordPress products or services that stand behind that same philosophy so that we can help our customers even more.
We recently took a look at A2 Hosting’s WordPress hosting service and have review their service to help you out when choosing your next great host provider for your WP site.
A2 Hosting: Lighting Fast Speed for WordPress
There is a lot to like about when it comes to the features that A2 Hosting has to offer. Perhaps the most impressive feature is the speed factor that A2 Hosting brings to the table:
SSD (Solid State Drive) which is a new type of server disk that serves up your site faster than a server without one
A feature called Turbo with implements various things to boost your page load times up to so they load 20X faster
An added bonus called SwiftCache — an A2 exclusive cache software that helps boost your site speed once again
A closer look at the other features that are offered with the WordPress hosting
A brief but helpful walkthrough of how to use CSS Hero with Visual Composer
As far as page builder plugins go, Visual Composer by WP Bakery is one of the most popular out on the WordPress market today. Not only does the plugin come with the ability to build and edit your pages in both the back-end and front-end of your WordPress site, but the plugin is so popular that there is a huge number of growing add-ons for Visual Composer that allow just about anyone to build dynamic web pages with ease.
For as wonderful as this plugin is, though, it is still very limited in the control it gives to the CSS within the elements that you create on the page.
Thankfully, when teamed up with CSS Hero, the Visual Composer’s CSS elements are super simple to edit in order to make certain things stand out.
As many marketers know, it’s important to include attractive Calls To Action in order to increase your conversion rate on your site. And, even though the VC plugin makes it easy to create one, CSS Hero can really make it pop.
For this little walkthrough, I’ve used the first CTA option in Visual Composer and left everything set to the default settings for the CTA block. That way, there is no additional and unnecessary code to mess with. As you can see, the result
For as great as WooCommerce is, it's not the easiest thing to customize. However, CSS Hero makes it much easier.
Here are two things you’re likely to hear a lot of: CSS is hard; WooCommerce is easy.
Okay, so you’re not to going hear it exactly like that, but that’s the gist of what you’re bound to read about the two subjects.
Unfortunately, that information is faulty.
CSS really isn’t that hard when you have the right tools and knowledge to use it, and WooCommerce is not nearly as easy to use as everyone likes to say it is.
Now, don’t take that as a bashing statement. WooCommerce is a seriously awesome, kick-butt e-commerce plugin that is by far the easiest one to use and setup in comparison to others of a same likeness. And with the recent take over by Automattic, it’s sure to become even better and ever more popular.
With that being said, anyone who has had to wrangle WooCommerce will tell you that it takes a lot of patience and work to tame that dragon — including the visual customization part of things.
See, for as wonderful as WooCommerce is (and, yes, we love it as much as the next WordPress Junkie) it’s still rather difficult for the average WP user to customize the way their online store will look.
Because WooCommerce’s visual customization options are pretty limited and an average
The latest CSSHero Update 1.26 Add Static Caching That Help Speed Up WordPress Blogs
In this update of CSS Hero, accessible for download to all our members in the dashboard area, we introduce a feature which can make your blog a little bit faster – especially if you have a good load of visitors, or a slow host. After upgrading to CSS Hero 1.26, you can turn caching on visiting the Settings > CSS Hero screen in your WordPress admin panel.
Just tick the “ON” radio button and click Update. At this point, CSS Hero will silently try to generate in your WordPress uploads folder a static css file called csshero-style.css containing exactly the same work you’ve done before – and by the way, no need to worry to update this file in the future as CSS Hero will automatically update it when you make new modifications from the front-end interface.
After successfully enabling the cache, you can log out from your blog – if everything looks right and you’re curious enough you will see that the source HTML of your site will call the new CSS file.
CSS Caching will make your blog faster and reduce load on the server when your site gets many hits, as it won’t have to process the dynamic css with all your site tweaks, but a plain ol’ static file.
Of course, your WordPress uploads directory