Transparenter Body / Hintergrund

Hey Quant2112!

1) Das ganzseitige Hintergrundbild lässt sich meines Wissens nach mit Plugins wie zB: http://wordpress.org/plugins/background-manager/ umsetzen.

2) Den Hintergrund des Bodies komplett semi-transparent zu machen erfordert uU viele Anpassungen und ich kann dbzgl nur eine “Starthilfe” anbieten. Dieser Code:

.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, 05);
}

sollte den Hintergrund des Hauptcontainers in Weiß mit 50% Transparenz anzeigen. Der Code kann in das Quick CSS Feld eingefügt werden. Falls eine andere Farbe gewünscht wird kann die rgba Farbe mit: http://hex2rgba.devoth.com/ erstellt werden.

Cheers!
Peter

Hi!

Da es sich um eine Color Section handelt versuche einmal diesen Code:

#top .avia-section.main_color, #top .avia-section.alternate_color{
background-color: rgba(255,255,255,0.5);
}

Einen Unterschied wird man aber de facto erst merken, wenn der body Hintergrund durch ein Bild befüllt wird, da ansonsten der semi-transparente Hintergrund der Color Section nur den weißen Hintergrund des body anzeigt, welcher sich dahinter befindet. Ihr könnt zB diesen CSS Code verwenden, um testweise ein Hintergrundbild einzufügen:

.html_stretched #wrap_all {
background-image: url(https://www.uwe-schwarz.de/wp-content/uploads/2013/06/Überblick-verschaffen-Coaching.jpg);
background-size: cover;
}

und dann sollte man auch den semi-transparenten Hintergrund merken.

Regards,
Peter