Tag: css

  • WordPress Refresh (Miscellaneous)

    WordPress Refresh (Miscellaneous)

    Developing a WordPress theme just got a whole lot more efficient

    With the WordPress Refresh plugin, you can stop hitting your browser refresh button after each small CSS, JS, PHP or HTML change you make when developing your WordPress theme.? Simply activate the plugin and start coding, you won’t need to manually refresh your browser.

    Responsive option

    The plugin optionally opens a second (smaller) screen that refreshes along with the main screen. This way you can see the changes apply to the mobile and desktop website simultaneously.

  • iWantThis – the modern content material grabber (Utilities)

    iWantThis – the modern content material grabber (Utilities)

    iWantThis Overview

    iWantThis is a WordPress plugin capable of downloading rich HTML pages with images, styles and fonts and creating editable blocks in WordPress for later use in posts and pages with shortcodes.

    Features

    The key differences to other solutions:

    • Content you add is much more SEO-friendly and user-friendly than screenshots
    • The plugin allows you to put rich content from other web page with just a few clicks and it doesn’t require any knowledge of HTML, CSS or XPath.
    • Content you add is hosted on your website and is always available unlike embedded iframes that depend on third-party server
    • Content is partially editable

    Add new block

    Select content block

    Edit content

    Disclaimer

    Please be aware, the plugin is based on new technologies that were not used that way before so it has some limitations that depend on browsers and third-party servers. This means that it may not work well with all the pages or blocks you would want to insert and at the moment it may not be possible to fix it for every website existing on the web. We recommend you to try it in different browsers for better results and try different options if it doesn’t work with defaults. We are working hard on making it better, so please feel free to ask questions and provide URLs for us to try.

  • ACF Dynamic CSS (Add-ons)

    ACF Dynamic CSS (Add-ons)

    Turn Advanced Custom Fields into the ultimate customizer. This plugin extends Advanced Custom Fields Pro and adds the ability to turn your Custom Fields into actual CSS!

    Features

    • Convert your Custom Fields quickly into CSS
    • CSS Minification and Optimization!
    • CSS Autoprefixing to support old browsers!
    • Caching built-in for fast load-times
    • Repeater Field Support
    • Works on Posts/Pages/Option Pages
    • Global and page-specific styles

    Requirements

    • ACF Pro version 5.2.* +
    • PHP 5.5+
    • WordPress 3.6+

    Support

    You need support? no problem! Send me an email at zach@zach-adams.com.

    FAQ

    How does the Repeater Field CSS work?

    The repeater field css is generated using the “nth-child” selector which is supported in Chrome/Firefox/IE 9+/Safari 3.2+/Opera 9.6+.

    Can I use the Flexible Field?

    Currently the Flexible Field CSS doesn’t quite work right, however it will be added soon!

    How does ACF Dynamic CSS load CSS into the page?

    ACF Dynamic CSS loads the CSS directly into the “head” tag. It detects and adds all appropriate global styles and all fields which are associated with the current page’s ID. Note that the Page’s ID is the main factor when it comes to this plugin loading your CSS into the page.

  • Visible Composer Animations (Add-ons)

    Visible Composer Animations (Add-ons)

    Visual Composer Animations is a Visual Composer addon created to offer 100+ animations in one package with easy to use interface integrated with Visual Composer.

    Features:

    • 100+ animations for Visual Composer elements
    • Exclusive masked slide in/out animation (see the demo)
    • Animation wrapper element integrated with Visual Composer
    • Start animation on scroll (with offset), hover, click or page load
    • Set animation delay, duration and number of repeats
    • Option to disable animation on phones or tablets
    • Demo page in xml format included
  • Animatic – Evolved WordPress Frontend Animator (Media)

    Animatic – Evolved WordPress Frontend Animator (Media)

    Animate Your Existing Stuff or Create Elaborate New Animations

    Here are some sped up videos on how we used Animatic to create the animations in the live preview:

    We are bringing how you add animations to your site to a new level. Meet Animatic, a frontend animation editor for WordPress.

    Animate your existing stuff in your website and create complex animation composed of your images.

    With Animatic, you can:

    • Add infinitely looping animations to your elements,
    • Add entrance transitions to your elements,
    • Add hover animations and transitions to your elements,
    • Create multi-image infographics and animations, all live from your frontend

    Animatic adds an Edit Animations button in your frontend. Clicking on that will bring up the easy to use and intuitive Animatic Panel:

    Animatic Panel Explanation

    Just click on an element to select it, then animate it

    You can modify 30+ animation parameters such as:

    • X, Y, Z positions,
    • X, Y, Z rotations,
    • Opacity,
    • Z-index,
    • Scale,
    • Idle Animation,
    • Animation duration,
    • and more…

    Full Feature Set

    • Create complex & layered animations composed of multiple images,
    • Integrates right into the Media Manager for easy image placement for animating,
    • Live frontend editing using the Animatic Panel,
    • Very easy to use and intuitive controls,
    • 50+ Animations & transitions,
    • Change values using your mouse,
    • Hardware accelerated animations,
    • Bonus: includes the Animatic Visual Composer element

    Important Note

    Animatic is used for animating stuff, not for layouting your content. It is not a page builder. Using Animatic to layout your content may create weird results in small screens.

    Having Trouble with the Plugin?

    Head over to the support tab and check out the FAQs, or submit a support ticket!

    Enjoying the Plugin?

    Be sure to leave a rating and review and show us some love.

    Check out Our Other Stuff

    Video & Parallax Backgrounds For Visual Composer

    CSS Animator add-on for Visual Composer

    4k Icons add-on for Visual Composer

    Updates

    Version 1.0

    * Initial release

  • Row Scroll Animations for Visible Composer (Add-ons)

    Row Scroll Animations for Visible Composer (Add-ons)

    Liven up Your Site with Entrance & Exit Row Animations

    First we created parallax backgrounds for Visual Composer, now we’re bringing you another new and awesome way to bring life to your layouts with Row Scroll Animations.

    What Are Row Scroll Animations?

    Have you ever noticed in some custom made sites that while you are scrolling down, the previous section fades out, goes black, or gets smaller until it leaves the screen? We’d like to call those row scroll animations. And with this plugin, you can add those same effects to your site.

    Add Entrance and Exit Animations to Your Rows

    When your row comes into view, you can choose to have it animate until it reaches the center of your screen. And when it’s about to leave the screen, you can choose to animate it again until it leaves. This looks great if your site is a single page site, or when your pages are composed of multiple sections.

    We provide you with a lot of animations to choose from and mix and match to your liking. The animations blend well together so you can choose to have your content fade up on enter, then 3D rotate the whole row backward on exit.

    Easy to Integrate

    We do not want to bother you with elaborate set ups, so we made our plugin super easy to use. If you want to add an animation to your row, just drop in a Row Scroll Element into your row (or inner row), then it should now animate. What’s more, the animation will get applied to your current row design. If you have background images or even applied our parallax background or video background to your row, it would still work seamlessly.

    Full Feature Set

    • 15 Entrance animations
    • 20 Exit animations
    • Hardware accelerated animations
    • Handles existing Visual Composer’s Row Settings
    • Pure Javascript is used for speed, no jQuery
    • Includes our Smooth MouseWheel WordPress plugin
    • Disabled in mobile devices to prevent slowdowns
    • WordPress standards

    Having Trouble with the Plugin?

    Head over to the support tab and check out the FAQs, or submit a support ticket!

    Enjoying the Plugin?

    Be sure to leave a rating and review and show us some love.

    Check out Our Other Stuff

    Video & Parallax Backgrounds For Visual Composer

    CSS Animator add-on for Visual Composer

    4k Icons add-on for Visual Composer

    Updates

    Version 1.0

    * Initial release

  • Animated Doo Banners (Add-ons)

    Animated Doo Banners (Add-ons)

    What is this?
    Animated Doo Banners is the original addon built exclusively for Visual Composer which helps you add interactive overlay effects on the sections displayed on your Web pages.

    We have re-created 40+ different designs, you can view them ALL from our preview site. Each design has a CSS3 hover effect that’s unique to each one.

    The usage of ADB elements are very simple, simply select your image/s, add your title and captions, an optional link, a color scheme. The result is a beautifully constructed image box complete with hover effects.
    Features

    Full Feature Set:

    30+ Beautiful designs,
    Easy to use Visual Composer elements,
    Create single or a gallery of Hero Boxes,
    Fast and smooth CSS animations,
    Fully responsive, works great in mobile devices,
    Tint each hero box with a different color for a filter-like experience,
    Works with any theme,
    Very easy to use,
    Properly coded in WordPress standards,
    Unlimited possibilities,
    WPML supported,
    SEO friendly code,
    IE8+ support,
    Highly Optimized Code,
    Light-weight HTML structures,
    Rigorously Tested on Actual Devices for Real,
    World Performance Metrics,
    Trusted development & Support.

  • CSS Media Question Generator (Interface Parts)

    CSS Media Question Generator (Interface Parts)

    A custom code editor for WordPress that allows you to easily generate media queries based on web standard media queries.

    Pre-set Queries

    You will see a drop down called ‘Select Standard Device’. This contains a number of frequently used media queries for mobiles, iPhones, tablets, desktops etc.

    If you click on one of these dropdown options you will be taken to a new screen where you can enter your custom css for that particular media query.

    Query Generator

    You will be presented with the generator options:

    Use the drop down to configure the operator and change the values as required.

    You can then quickly add your custom code, which will be reflected on your live site.

  • Visible Styler –  customise your web site straightforward (Utilities)

    Visible Styler – customise your web site straightforward (Utilities)

    VISUAL STYLER allows you to customize any element on your WordPress website using friendly visual interface with live preview.

    You can change almost any CSS rule, eg. color, background, border, font size and so on.
    Also you can set specific CSS rules for mouse-hover state and responsive breakpoints (mobile screens, tablets and large screens).

    You can see history of all changes and edit/disable or delete any change that you have made.

    This plugin is compatible with all WordPress themes, WooCommerce and works fine on WordPress Multisite Installations.

    FEATURES

    – Change style of any element on the your website;
    – Friendly visual editor with live preview;
    – Flexible element path editor;
    – Responsive breakpoints for mobile devices;
    – Option panel which allows you to preview your website on mobile devices;
    – Changes history;
    – Works with all themes;
    – Compatible with WooCommerce and WordPress Multisites;
    – Export generated CSS code;

  • Hero Bins for Visible Composer (Add-ons)

    Hero Bins for Visible Composer (Add-ons)

    Try out Hero Boxes in a live environment first before you buy

    Hero Boxes is a responsive image showcase element for Visual Composer. Inspired the experimental design in Mary Lou’s Ideas for Subtle Hover Effects article, we replicated all the effects into something usable in todays modern browsers.

    We have re-created 30 different designs, you can view them ALL from our preview site. Each design has a CSS3 hover effect that’s unique to each one.

    This awesome addon for Visual Composer comes in 2 flavors: a single Hero Box and a Hero Box Gallery. The usage of both elements are very simple, simply select your image/s, add your title and captions, an optional link, a color scheme. The result is a beautifully constructed image box complete with hover effects.

    Hero Box Galleries uses your image titles and descriptions as the labels for your hero box. One of our favorite features is the capability to use a random effect per hero box inside the gallery, the result is a delightful eye candy of different effects.

    Full Feature Set

    • 30 Beautiful designs,
    • Easy to use Visual Composer elements,
    • Create single or a gallery of Hero Boxes,
    • Fast and smooth CSS animations,
    • Responsive, works great in mobile devices,
    • Create responsive 2 or 3 column galleries,
    • Tint each hero box with a different color for a filter-like experience,
    • Works with any theme,
    • Very easy to use,
    • Properly coded in WordPress standards,

    Try out Hero Boxes in a live environment first before you buy

    To ThemeForest WP Theme Developers

    You can just include this item as a plugin which your customer can install and active along with your theme.

    If you want to include this item in your ThemeForest WordPress theme, please purchase an extended license and let us know in your support page.

    Live WordPress sandboxes are provided by the awesome WP Demo

    Having Trouble with the Plugin?

    Head over to the support tab and check out the FAQs, or submit a support ticket!

    Enjoying the Plugin?

    Be sure to leave a rating and review and show us some love.

    Check out Our Other WordPress Plugins

    Video & Parallax Backgrounds For Visual Composer

    CSS Animator add-on for Visual Composer

    4k Icons add-on for Visual Composer

    Updates

    Version 1.0

    * Initial release