![]() I chose a different font, font color and centered the text. Here is the result after I’ve changed the font family of the element’s text and its color. To do this, I select the CTA H2 Heading element and quickly make my changes. Here is the result of the button’s action when a mouse hovers over it. I tweaked the radius slightly and saved the changes. I did this by selecting the CTA button, clicking the Edit Status button in CSS Hero and then selecting Hover. From here, I quickly change the button’s color and font, and then save it.įor an extra touch of something special, I also edited the button’s hover action so that the shape of the button changed slightly. Any name can be added here, so I chose the name Cookie Monster because… I love cookies (don’t judge me.)Īfter saving the Extra Class name and with CSS Hero launched, I click on the CTA button (which is now defined as CTA Cookiemonster when using the CSS Hero Inspector) and I can start editing. Scrolling down in that box will show the option to add an Extra Class Name to the CTA. This will launch the same box that was used to create the CTA block. With VC launched (either in the back-end or the front-end), hover over the CTA block (or any other element for that matter) to bring up the settings for it. To do this, we need to start by adding an Extra Class to the block. Now let’s use CSS Hero to make it shine! Here’s what we are going to add and edit: As you can see, the result of the VC default Call To Action block is nothing to jump up and down about… #How to make a visual composer plugins code#That way, there is no additional and unnecessary code to mess with. Make Your Visual Composer CTA Pop Using CSS Heroįor 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. And, even though the VC plugin makes it easy to create one, CSS Hero can really make it pop. 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.Īs many marketers know, it’s important to include attractive Calls To Action in order to increase your conversion rate on your site. 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.įor 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. As far as page builder plugins go, Visual Composer by WP Bakery is one of the most popular out on the WordPress market today.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |