How to apply css on a content box short code (avada theme) (2 posts)

  1. asf95
    Posted 1 year ago #

    I am tryin to add custom gradient background, drop shadow and opacity on a content box shortcode.
    CSS code=

    `-moz-box-shadow: 0px 0px 17px #000000;
    box-shadow: 0px 0px 17px #000000;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7edbf', endColorstr = '#58351a');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f7edbf', endColorstr = '#58351a')";
    background-image: -moz-linear-gradient(top, #f7edbf, #58351a);
    background-image: -ms-linear-gradient(top, #f7edbf, #58351a);
    background-image: linear-gradient(top, #f7edbf, #58351a);
    opacity: 0.75;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
    filter: alpha(opacity = 75);

    i used [bw_css]on both start and end of the code. The CSS did not function. Do i put the CSS with [bw_css] before the content box short code tag or after the shortcode tag. Do i need to use "{" and "}" in my CSS while i am using the [bw_css] tag to insert the code.

    Would appreciate a reply ASAP cause of project deadline.

    Thanks in advance.
    Asif Farid


    Site working on:

  2. bobbingwide
    Plugin Author

    Posted 1 year ago #

    Hi, the CSS you write needs to be complete with selector and curly braces.
    .negative { color: #ffffff; background: #1c1c1b; padding: 2em 0 2em 0;}

    See also http://www.oik-plugins.com/shortcode_example/bw_css-add-custom-gradient-background-drop-shadow-opacity/

    Remember to not leave any empty lines.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic