Adminify Summer Sale

50%OFF

ENJOY SUMMER

Cool down your WordPress admin

00

Days

00

Hours

00

Min

00

Sec

Use Code:

SUMMERSALE
Flat 50% Off

    How to Add Custom CSS/JS in the WordPress Frontend?

    Just follow the path to add custom CSS/JS in your frontend.

    WP Adminify > Code Snippets > Frontend Scripts

    Click Add New snippet button and select your code type and other settings then save the settings. 

    Frontend scripts for custom css and js

    You will get the following options to input your code dynamically based on display condition, location, device, type.

    Add New snippet option

    Main Features of Header Footer Scripts

    • Snippet Title
    • Display on
    • Location
    • Header
    • Footer
    • Before Content (Pro)
    • After Content (Pro)
    • Display Device
    • Snippet Type

    Note: Don't place <style></style> tag inside the editor.

    Add Custom CSS in specific page and device

    Remember you can add multiple snippets by clicking the  “Add New Snippets” multiple times.

    Save the Settings

    After you’re done with customization and the CSS/JS codes, click the “Save Settings” button to apply it.

    Didn’t find what you were looking for? Get in touch!

    Updated on May 12, 2025

    Was this helpful to you?

    Coupons