CUSTOM CSS FOR SOME DEMO SHORTCODES

Home » Shortcodes » CUSTOM CSS FOR SOME DEMO SHORTCODES
Shortcodes No Comments

There are 2 custom css classes we have created in our demo and you can use as well if you wish the same layout.

1. Subheading custom css class used for the centered sub-titles on demo. This is the CSS classs:

.subheading {
    font-size: 16px;
    color: #a1a7b4;
    text-align: center;
}

You can create the same effect with Ultimate Addons shortcode, but if you prefer using theme without this addon, this is the HTML example of how to set this class for your sub-headings in WordPress editor TEXT MODE:

 

1. Button custom css class

 

The class name is:

.custom_wpestate_rentals {
    display: inline!important;
    font-size: 14px;
    margin-left: 15px;
    padding: 10px 26px!important;
    border: 1px solid #FFF!important;
    color: #4d5567;
    border-radius: 40px!important;
    transition: color .1s linear,background-color .1s linear,border-color .1s linear;
    color: #fff!important;
}

The class should be added in Editor TEXT mode:

 

LEAVE A COMMENT