Theme Quest: Content background Transparenz

Bei anderen Themes habe ich page - background-Transparenz schon hinbekommen. Beim Theme Quest gelingt es mir nicht.
Ich will auf allen Seiten hier: http://www.sophus-hansen.de bei lesbarem Text das Hintergrundbild noch sehen können.

So habe ich es bisher erfolglos versucht. Habe ich das am falschen Ort oder habe ich falschen CODE eingegeben?
Meine Frage: Wo muss ich welchen Code eintragen, damit ich den Hintergrund transparent bekomme?

5. Content-------------------------------------------------------- */
.entry-content blockquote, .action {
  background-color: rgba(0, 0, 0, 0.6);  /* Fallback for web browsers that doesn't support RGBa alter background #fff;*/
  padding: 2em;
  margin-bottom: 3em;
  box-shadow: 0 8px 6px -7px rgba(0, 0, 0, 0.3);
  border-left: 2px solid #27ae60; }




a .action-icon {
  text-align: center;
  display: inline-block;
  background: rgba(0, 0, 0, 0.6);  /* Fallback for web browsers that doesn't support RGBa alter background #fff;*/
  border-radius: 100px;
  font-size: 1em;
  width: 21px;
  height: 21px;
  line-height: 21px;
  position: relative;
  color: #fff;
  -moz-box-sizing: content-box !important;
       box-sizing: content-box !important; }

Danke für eine kundige Hilfe
Kai

Zitat von gericoach

welch ein hintergrundbild? kann keines sehen..FF 40.0.3

Ich mußte von "wide" zu "blocked" umstellen.
Jetzt sieht man das Hintergrundbild. - Und den "weißen" Bereich, der transparent werden soll.

GGf. würde ich gerne den headerbereich weniger Transpaprent machen. Alles andere Gerne stärker transparent.

Meine Frage: Wo muß ich welchen Code einfügen? (geht das dann für alle browser?

Danke
Kai

Hallo

[size=12]Lösung[/SIZE] über einen zufälligen Tipp doch noch gefunden:

[size=12]Transparenz[/SIZE] des Content-Bereiches entsteht über: Zeile 827+828:

.wpcf7 {
  /*background-color: #fff; } */
  background-color: rgba(213,220,245,0.6); }

Jetzt suche ich noch, wo ich das für den header und den Sub-Menue-Bereich auch hinbekomme.

Kai

Ich finde die von Dir empfohlenen Such-Begriffe ..... .main-header ..... nicht

Präzisiert: es sieht so aus, aber ohne die gewünschte Transparenz erreicht zu haben:

4. Header-------------------------------------------------------- */
.site-title {
  margin: 10px 0; }




.site-description {
  display: block;
  margin-bottom: 10px; }




.main-header {
  z-index: 10000;
  background: rgba(213,220,245,0.8); }
    /Änderung Kai zuvor  *#fff;*/
  border-bottom: 1px solid #e5e5e5; }
  .main-header.mobile .logo-container .logo {
    text-align: center; }
  .main-header.mobile .menu-container {
    margin-bottom: 40px; }
    .main-header.mobile .menu-container .logo {
      text-align: center; }

Allerdings habe ich gefunden: [COLOR=#3E3E3E].main-navigation .nav .dropdown-menu

[/COLOR]das sieht jetzt - aber ohne die gewünschte (teiltransparenz)-Wirkung so aus:

.main-navigation .nav .dropdown-menu {      padding: 0;
      background-color: rgba(213,220,245,0.6);  /*background-color: #f5f5f5;*/    }

Das ist sozusagen noch zu lösen übrig :wink:: Header und footer möchte ich gerne transparent.

Danke
kai

Jetzt habe ich das Thema Footer noch gefunden. Dort habe ich, wieder ohen gewünschte Transparent-Wirkung, das hier gefunden:

/*---------------------------------------------------------7. Footer
-------------------------------------------------------- */
.main-footer {
  background-color: rgba(213,220,245,0.2); /*Änderung Kai zuvor  background-color: #efefef;*/
  padding: 25px 0;
  color: #777777;
  border-top: 1px solid #c1c1c1; }

Nur zur Info, was ich am Suchen und probieren bin. Bisher leider nioch ohne Erfolg.

Kai

Transparenz !Important

Zitat von SirEctor

Versuch es mal mit !important. Bei dir wird das inline-css als letztes im header geladen und hat daher Vorrang.

Danke für das Helfen!

Ich habe das versucht. Es hat beim Footer noch nicht zur Lösung geführtaber beim header WOW! und es sieht so aus:

.main-footer {
  background-color:  rgba(213,220,245,0.2)!important; /*Änderung Kai zuvor  background-color: #efefef;*/

beim Footer

.main-footer {
  background-color:  rgba(213,220,245,0.2)!important; /*Änderung Kai zuvor  background-color: #efefef;*/

Wobei ich das 0.2 wahrscheinlich jetzt noch opaker stellen werde, ca. 0.8.

Und jetzt gebe ich, dank Deiner Lösung, gerne Das Problem zurück.
Herzlichen Dank!!

Kai