Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1475921

    hello
    how can i make the body transparant so i can view the backgroundpic through the main text?
    the green of the pic would be nice to let it shiine through

    #1475931

    Hey jeel147,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top #main,#top .main_color {
        background-color: transparent;
        backdrop-filter: none;
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1475934

    Mike, thats brilliant! thanks!
    1. and imagine if i want it to be only 50% transparant?
    2. and inlcuding the upperpart, the menupart? of the bar on the left ( in case there will be one ).
    3. and only this particular page?

    • This reply was modified 1 month ago by jeel147.
    #1476043

    Hi,
    Thank you for your patience, Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.page-id-2 #main,#top.page-id-2 .main_color,#top.page-id-2 .header_bg,#top.page-id-2 #socket {
        background-color: transparent;
        background: transparent;
        backdrop-filter: blur(10px);
    }

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    #1476428

    thanks Mike!
    this item can be closed if you want
    best regards, jelle

    #1476454

    or:

    #top.page-id-2 #main{
        background: transparent !important;
    }
    
    #top.page-id-2 .main_color,
    #top.page-id-2 .header_bg,
    #top.page-id-2 #socket {
        background-color: rgba(255,255,255,0.6);
       -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘transparant’ is closed to new replies.