-
Posts
-
Hi!
I would like to make a fixed Fullscreen Background and a scrollable transparent Main Content Area and Sidebar Section like here on my old Website: http://www.steinschlagreparatur-wien.at/llumar-ceramic.html
Can you please tell me how I can do that?Thanks a lot!
Regards, Alex
Hi!
The thing with the Background I’ve figured out by myself! :-)
But for the transparent content (sidebar, promobox, textblock and iconlist) I’ve have tried some css in the meantime, but unfortunately without any result…
May you have some advices for me?Best regards,
AlexHi!
For the transparent content for the promobox, textblock and iconlist I’ve tried the following css:
.main_color.promobox_top .promobox_content .main_color.textblock_top .textblock_content .main_color.iconlist_top .iconlist_content{
background: rgba(255,255,255,.8);
}And for the Sidebar I did:
.main_color.sidebar .sidebar_content {
background: rgba(255,255,255,.8);
}Unfortunately it does not work ,can you tell me what is wrong with that code?
Regards,
AlexHi!
Thank you for the link.
I checked the website and the icon boxes are transparent. Please use this for the icon list and the textblock.
div#after_section_1 .container ul.avia-icon-list.avia-icon-list-left.avia_animate_when_almost_visible.avia_start_animation, div#after_section_1 .container section.av_textblock_section { background: rgba(255,255,255,.8); padding: 10px; }Best regards,
IsmaelHi Ismael!
Thank you! That works great on some Sites like “Home” or “Karriere starten”
But unfortunately not here:
http://www.scheibentoenung-wien.at/produkte/scheibenfolie-llumar-standard/ http://www.scheibentoenung-wien.at/produkte/scheibenfolie-llumar-ceramic/ http://www.scheibentoenung-wien.at/produkte/warum-scheiben-toenen-mit-scheibenfolien/ http://www.scheibentoenung-wien.at/autorisierter-llumar-scheibenfolien-fachbetrieb/Can you just tell me how I do that with the sidebar and blog here: http://www.scheibentoenung-wien.at/blog/ and the Promoboxes as well?
Best regards,
AlexHey!
Pages with sidebar looks fine on my end – http://i.imgur.com/cGcc37z.jpg Please flush browser cache and refresh your page a few times. Please add following code to Quick CSS to make background promobox transparent
.av_promobox { background: transparent !important; }Best regards,
YigitHi Yigit,
I would like to have the siderbars and the blog transparent like the iconboxes, main content on “home” ect.
The code for the promoboxes doesn’t work like the iconboxes and the main content on “home”. Also this pages are ironically not working with the transparentcode like “home”… (Not 100% transparent, just background: rgba(255,255,255,.8)http://www.scheibentoenung-wien.at/produkte/scheibenfolie-llumar-standard/
http://www.scheibentoenung-wien.at/produkte/scheibenfolie-llumar-ceramic/
http://www.scheibentoenung-wien.at/produkte/warum-scheiben-toenen-mit-scheibenfolien/
http://www.scheibentoenung-wien.at/autorisierter-llumar-scheibenfolien-fachbetrieb/May you have some other ideas?
Best regrads,
AlexHey!
The problem is the element alignment is not intended for a layout with semi transparent boxes and thus it’s not easily possible to style the website with semi transparent backgrounds. I.e. you can apply a background to the page background with
.container.template-blog, .template-page.content { background: rgba(255, 255, 255, 0.8); }but the end result looks ugly simply because the paddings/margins and the element alignment is not optimized for a boxed layout. Adding margings/paddings to the container may break the responsive layout and/or shortcode design. If you really want such a design I recommend to hire a freelancer because some additional work is required and this is beyond the scope of our free support forum.
Regards,
Peter
- You must be logged in to reply to this topic.