Background Transparency Settings? - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

June 1, 2016 at 8:10 pm #641699

T666

Participant

I want to use semi-transparent background colors for all sections of my page:

-Header
-Shrinking Header
-Main Content
-Footer
etc…

But there seems to be no transparency slider or value for each Styling tab

I am using the Boxed Layout
With a custom Body Background Image

I have found one method on youtube

Under Edit Page > Layout Tab > Header visibility and transparency > Transparent Header

With quick CSS

#top .av_header_transparency {
background: rgba(255,255,255,0.2);
}

This does achieve a semi-transparent background color for the main header

But now the Main Content starts up beneath the Header

And how to configure transparency for the shrinking header and all the other styling tab sections?

Thanks
Dave

This topic was modified 9 years, 9 months ago by T666.

June 3, 2016 at 6:55 am #642410

Ismael

Moderator

Hey Dave,

But now the Main Content starts up beneath the Header

We checked the site but it’s using a different theme. Could you please provide a screenshot of the layout that you want? Have you tried adding css modifications in the Quick CSS field? You can achieved a transparent boxed layout with this:

.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;
}

Best regards,
Ismael

June 4, 2016 at 5:48 am #642832

T666

Participant

Ok thankyou!
I like alot of styles in Enfold, just im experimenting with a couple themes atm ill try these settings soon!
Dave

June 6, 2016 at 6:04 am #643281