Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #651533

    Hi guys,

    Great work on the theme!
    I have been trying to make a transparent layer header using various ways like http://www.therocks.church , I know they are using Enfold.
    But it just doesnt work on my site, my page is http://www.meetinggrace.com.au/newhome

    Could somebody help?

    I use the following code:

    
    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content, .alternate_color .av-share-box ul, #top .alternate_color .av-related-style-full .related-format-icon, .alternate_color .related_posts.av-related-style-full a:hover, .alternate_color.avia-fullwidth-portfolio .pagination .current, .alternate_color.avia-fullwidth-portfolio .pagination a, .main_color, .main_color .site-background, .main_color .first-quote, .main_color .related_image_wrap, .main_color .gravatar img .main_color .hr_content, .main_color .news-thumb, .main_color .post-format-icon, .main_color .ajax_controlls a, .main_color .tweet-text.avatar_no, .main_color .toggler, .main_color .toggler.activeTitle:hover, .main_color #js_sort_items, .main_color.inner-entry, .main_color .grid-entry-title, .main_color .related-format-icon, .grid-entry .main_color .avia-arrow, .main_color .avia-gallery-big, .main_color .avia-gallery-big, .main_color .avia-gallery img, .main_color .grid-content, .main_color .av-share-box ul, #top .main_color .av-related-style-full .related-format-icon, .main_color .related_posts.av-related-style-full a:hover, .main_color.avia-fullwidth-portfolio .pagination .current, .main_color.avia-fullwidth-portfolio .pagination a {
    	background-color: rgba(255,255,255,.5) !important;
    }
    
    .header_color .header_bg, .header_color .main_menu ul ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div, .header_color .av-subnav-menu > li ul, .header_color .av-subnav-menu a {
        background-color: rgba(255,255,255,.5) !important;
        color: #808080;
    }
    
    #main, .html_stretched #wrap_all {
    background-color: transparent !important;
    }
    
    #651952

    Hi Christian,

    Did you set the correct behaviour for the header in the Layout menu on the right hand side of the edit screen of the page in question?

    Regards,
    Rikard

    #651974

    Wow.. thats awesome Rikard! You’re a champion!

    Now, what is the easiest css for me to change the opacity or the colour of the transparency?
    Thank you!

    #652496

    Hi,

    Not really but thanks anyway :-)

    You should be able to change the opacity and colour using CSS like this:

    #top .av_header_glassy.av_header_transparency #header_main {
        border-color: rgba(255,255,255,0.25) !important;
    }

    Regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.