Tag: custom css

  • Easy Custom JS and CSS – Theme Customization for WordPress (Utilities)

    Easy Custom JS and CSS – Theme Customization for WordPress (Utilities)

    [youtube]

    Customize your WordPress site’s appearance by easily adding custom CSS and JS code without even having to modify your theme or plugin files. This is perfect to tweak your site.

    Often when a theme or plugin updates it overwrites an old version of styles. That means anything you’d customized right in the code would be lost, potentially breaking your site depending on just what you’d changed. WordPress Easy Custom JS & CSS plugin lets you add custom javascript code, css custom styles and html markup to your site separately.

    If you don’t use a child theme and need to insert some customizations, you can take advantage of the inbuilt editor and easily create and insert custom css and js code into the header or footer. Once code is saved, it immediately influences the workings of your site.

    Since the code contained within the plugin is separate from your theme, it will be unaffected by the theme updating. If you do break something playing around, all you have to do is go back into the plugin interface and change a wrong item.

    [youtube]

    Also the plugin has a powerful filter editor for creating complex rules. They are convenient to use when you want to include your custom code for a specific url, post, page, device, os, browser, also it will be useful to execute js or css at a concrete date, time, day of week and etc.

    [youtube]

    Well, it’s a good theme and plugin customizer and a perfect solution to add additional styles and js codes to your site.

    Feature List

    • The code editor with syntax highlighting
    • The rich filter builder to construct inclusion rules
    • Include custom css and js code on the basis of a filter
    • Use inline embed method or include code as an external file
    • Custom css and js code can be in the header or footer area
    • Use custom javascript code and css styles inside the user or admin side or both
    • Minify JasaScript code and CSS styles to reduce file size
    • Support SCSS and LESS preprocessors
    • All editors use AJAX saving to avoid reloading
    • Create as many codes as you want
    • The code is served from the filesystem instead of the database for better performance
    • Help via Email
    • and so more..

    [thank you]

    Version 1.1.0 12/06/2018

    - First release
    

  • Styleperday Lite (Customized css, heritage, song, outline model for explicit dates) (Add-ons)

    Styleperday Lite (Customized css, heritage, song, outline model for explicit dates) (Add-ons)

    We’ve put all our efforts into making a very user friendly plugin that allow you to customize every pages of your WordPress websites for any desired period or time. We eagearly awaits comments from our users and we welcome any recommendation for future releases.

    Visit our demo website for me information.

  • WP Customized CSS / Javascript Ideas per Web page (Utilities)

    WP Customized CSS / Javascript Ideas per Web page (Utilities)

    With WordPress Custom CSS / Javascript Rules per Page plugin you can add custom css styles and javascript code to specific pages. You can also define rules for multiple pages. This way you can have preset or unique styles for specific sections. Or you can include different scripts on different parts of your site easily.

  • Customized Types and Scripts (Utilities)

    Customized Types and Scripts (Utilities)

    This WordPress Plugin lets you to add custom css and javascript code for each page, post and custom post type separately. That code will run only on that page/post which optimize the site.

    Another cool feature is that you can add general styles and scripts for whole site, only homepage or on all custom post types.

  • Higher Dashboard – The Final wordpress Admin Enhancer (Miscellaneous)

    Higher Dashboard – The Final wordpress Admin Enhancer (Miscellaneous)

    Better Dashboard

    A ever-expanding collection of modules to boost the functionality of your WP Admin Dashboard! You experience with the WordPress admin interface will change forever!

    Modules (5 and counting):

    Better Post Display

    Better Post Display is intended to bring a fresh new look to the post listing admin page. If you are tired of that old table look, this module is for you. It provides a series of cool functionalities in the new page as well, such as ajax pagination, powerful filtering options and thumbnail display. Check the demo and the screenshots!

    Search and Go

    This module allows you to easily switch between admin pages – like Spotlight, from Mac OS. You can open the Search and Go panel by using the trigger shortcut: ctrl + alt + g on Windows and Linux or cmd + option + g on Macs. Check the demo and the screenshots!

    Custom Color Schemes

    We honestly think that should be no limits to the amount of customization available in the WordPress Admin. This module allows you to create your own custom Color Schemes to be selected in the profiles page. Check the demo and the screenshots!

    Admin Menu Editor

    We now how cluttered an admin menu can get if you have tons of plugins installed. With this module you can reorder the menu items as you please to make easier for you to reach the items you use the most, simply by dragging and dropping them in the desired order. Check the demo and the screenshots!

    Custom CSS and JS

    We know that often we need to inject CSS and JS scripts to our frontend. That should be easy to do, and now it is. Check the demo and the screenshots!

    You can enable and disable each individual module. Just use what you want to use!

    Our Items

    Changelog

    Version 0.0.1
    - Initial Release on CodeCanyon.
    
  • 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.

  • 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.

  • Allground – Fullscreen Backgrounds for WordPress (Media)

    Allground – Fullscreen Backgrounds for WordPress (Media)

    Allground is a WordPress plugin that allows you to create responsive fullscreen backgrounds using:

    • images
    • YouTube videos
    • hosted or linked videos

    Note: seeing the demo within CodeCanyon might show a browser scrollbar since the site is embedded in CC’s iframe. For a real preview, click Remove Frame at the top left, or click Allground Demo

    Images

    Create fullscreen backgrounds using images that you can upload to your site or link externally.

    • Use a single image with a link and caption, or a sequence of images, each one with its caption and link.
    • You can set the link to open in a new tab.
    • Drag and drop the images in the editor to adjust their order.
    • Choose whether to show controls to go back and forth through the images.
    • Set the pause length before changing images and the fading transition speed

    Videos

    Upload an MP4 video to create a fullscreen background and add a WebM video for Opera compatibility.

    • Mobile devices performance is not affected and will use a fullscreen image instead.
    • You can also link from a external source like a CDN or another server you have.

    YouTube Videos

    Play a single video or enqueue videos to build a playlist.

    • Drag and drop them in the admin editor to arrange their playback order as desired.
    • Adjust the volume or even mute the single video or playlist.
    • Show or hide play/pause and mute/unmute buttons.
    • Specify whether to loop the video or playlist in order to play it continuously.
    • Set the starting time for the video in seconds.
    • Choose whether to show related videos or not after a video or a playlist ends.
    • Mobile devices are served an uploaded image or use YouTube’s default thumbnail for better performance.

    More Features

    • Choose the default background to show throughout the site
    • Select a specific background when editing your post, page or custom post type
    • Specify a background when adding and editing a category, tag and custom taxonomy
    • Create the backgrounds once and reuse them as needed
    • Choose not to use it in the entire site, but only in specific posts, pages or custom post types and/or categories, tags and custom taxonomies
    • Advanced users can take advantages of the JavaScript events included for each background type to control it externally and perform actions.
    • Write custom styling directly in the plugin settings to have your settings always safe during updates.
    • Enter custom JavaScript directly in the plugin settings and keep them safe during updates.
    • Fully translatable
    • Full spanish translation included
    • Admin with support for Right to Left RTL languages
    • Good documentation and prompt support

    Access the support forum

    Support forum

    If you need help with customization, come to the support forums!

    See Also

    AllSlider - WordPress Responsive Slider Carousel - CodeCanyon Item for Sale

    Alldion – Responsive Accordion for WordPress

    Alldion - Responsive accordion for WordPress - CodeCanyon Item for Sale

    Rotating Tabs Widget for WordPress

    Tabs Widget for WordPress - CodeCanyon Item for Sale

    Product Slider Carousel for WooCommerce - CodeCanyon Item for Sale