• Custom CSS Color OVerlay For DIVI or Elementor

    /*bryanDevs add custom css for Overlay*/
    .about-legacy .et_pb_section_0:before{
        content:"";
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: #434141 !important;
        opacity:60%;
        z-index:1;
    }
    //Below are the thing you need to add directly into the element or section of DIVI
    content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(142deg,rgba(38,252,0.61)0%, #5e1196 100%) !important; z-index:1;


    The code snippet above is a custom CSS in which you can add an overlay background which is not achievable in DIVI builder for now, but in Elementor its already available, I just added it here for reference and probably it is also helpful to WordPress Developer/Designer.

    Above you need to go to Section Settings of DIVI and go to Custom CSS, just paste it right in Advance>CustomCSS (before) section.


  • 0 comments:

    Post a Comment

    GET A FREE QUOTE NOW

    I am flexible and would like to work with you long term, and currently I am looking for a fulltime job with a long term opportunity, but able to work also part-time, get free qoute for project.

    Search This Blog

    Powered by Blogger.

    Mga Pahina

    ADDRESS

    Purok 5-A, Brgy. Magdum, Tagum City 8100, Davao del Norte, Philippines

    EMAIL

    gransebryan@gmail.com
    bryanworkdevs@gmail.com