Custom CSS, JS and Predefined CSS Classes | (Styles and Javascript)

by Armscript

Rating: no rating ( write a review )

Downloads: <25

Add Custom CSS and Javascript. Extra: Hundreds of css classes for shopping experiences to customize colors, background colors, fonts, layouts, animations, borders, inputs and images.

Annually €4.12* /month €54.90 * €49.41* /year after first year €54.90* /year Promotion valid until 31 May 2025 14:15 25% discount This is the combination of a 8.33% promotional discount and a 16.67% annual discount.

Monthly €4.94* /month for 5 months, then €5.49* /month Cancelable monthly Promotion valid until 31 May 2025 14:15 10.02% discount

Compatible with:

Cloud 6.4.0.0 - 6.6.9.0

Includes:

Free trial month

The subscription starts with a free trial month during which it can be canceled at any time.

All updates

During the subscription all released updates are included for free

Support from the Extension Partner

In case you have any questions or problems with your extension you can always ask the Extension Partner for help during the subscription.

Description

Highlights

Add your own Custom CSS and Javascript
Animations for images, containers and other Predefined Custom CSS Classes
Customize any background, input color, placeholder color of CMS element
Apply shadows to texts and images
Add, remove on inputs and buttons, change their colors and background colors

Features

Add your own Custom CSS
Add your own Custom Javascript
Animations for images, containers and other Predefined Custom CSS Classes
Customize any background of CMS element
Change input color, background color, placeholder color

Apply shadows to texts and images
Add, remove on inputs and buttons, change their colors and background colors

Show more Show less

About the Extension

You will have ability to add Custom CSS and Javascript to your website.

You will also get a list of hundreds of css classes which you can use in your shopping experiences to customize colors, background colors, fonts, layouts, animations and anything related to style on your website.

Read more about the plugin and our other plugins here at: https://armscript.com/Products/

The Class List:

arm-animation-bounce-top - images of such container will bounce from bottom to top when the page is loaded

arm-animation-bw-fade - fading from black to white will take place periodically showing a nice animation

arm-bg-black - sets the background of the container to black

arm-bg-white - sets the background of the container to white

arm-bg-red - sets the background of the container to red
arm-bg-green - sets the background of the container to green

arm-bg-blue - sets the background of the container to blue

arm-bg-purple - sets the background of the container to purple

arm-bg-orange - sets the background of the container to orange

arm-bg-gray - sets the background of the container to gray

arm-bg-navajowhite - sets the background of the container to navajowhite

arm-bg-lg-black-purple - sets the background of the container to a linear gradient from black to purple

arm-bg-lg-black-blue - sets the background of the container to a linear gradient from black to blue

arm-bg-lg-black-red - sets the background of the container to a linear gradient from black to red

arm-bg-lg-black-green - sets the background of the container to a linear gradient from black to green

arm-bg-lg-black-yellow - sets the background of the container to a linear gradient from black to yellow

arm-bg-lg-black-turquoise - sets the background of the container to a linear gradient from black to turquoise

arm-bg-lg-black-orange - sets the background of the container to a linear gradient from black to orange

arm-bg-lg-white-purple - sets the background of the container to a linear gradient from white to purple

arm-bg-lg-white-blue - sets the background of the container to a linear gradient from white to blue

arm-bg-lg-white-red - sets the background of the container to a linear gradient from white to red

arm-bg-lg-white-green - sets the background of the container to a linear gradient from white to green

arm-bg-lg-white-yellow - sets the background of the container to a linear gradient from white to yellow

arm-bg-lg-white-turquoise - sets the background of the container to a linear gradient from white to turquoise

arm-bg-lg-white-orange - sets the background of the container to a linear gradient from white to orange

arm-br-10 - sets the borders of inputs, buttons and selectors to be more round

arm-br-50 - sets the border of inputs, buttons and selectors to be very round

arm-br-black - changes border colors to black

arm-br-none - removes borders from all elements in the container

arm-black - sets colors of all texts, borders and svg's to black

arm-white - sets colors of all texts, borders and svg's to white

arm-red - sets colors of all texts, borders and svg's to red

arm-green - sets colors of all texts, borders and svg's to green

arm-dark-blue - sets colors of all texts, borders and svg's to dark blue

arm-purple - sets colors of all texts, borders and svg's to purple

arm-orange - sets colors of all texts, borders and svg's to orange

arm-gray - sets colors of all texts, borders and svg's to gray

arm-navajowhite - sets colors of all texts, borders and svg's to navajowhite

arm-input-placeholder-black - changes placeholder colors of inputs of the container to black

arm-input-placeholder-white - changes placeholder colors of inputs of the container to white

arm-input-placeholder-primary - changes placeholder colors of inputs of the container to primary color set in theme setting

arm-input-placeholder-secondary - changes placeholder colors of inputs of the container to secondary color set in theme setting

arm-input-bg-black - sets container's inputs to have black background and white color of text in them

arm-input-bg-white - sets container's inputs to have white background and black color of text in them

arm-input-bg-primary - sets container's inputs to have primary color background
arm-input-bg-secondary - sets container's inputs to have secondary color background

arm-img-shadow - sets a shadow for images inside of a container

arm-text-shadow-black - sets a black shadow to texts inside of a container

arm-text-shadow-white - sets a white shadow to texts inside of a container