Hallo ihr lieben, :)
ich versuche gerade eine Landing Page als link Seite zu erstellen das auch alles gut klappt.
Nun will ich die Hintergrundfarbe für die Einzelne Seite anpassen. Dafür habe ich folgendes in die Custom CSS eingefügt.
body.page-id-1984 {
background-color: #363434;
}Das Ergebnis ist das die Hintergrundfarbe in der Mobilen Version übernommen wird (grau).
[Blockierte Grafik: https://i.ibb.co/tMM9pnN/Screenshot-20221228-172410-Samsung-Internet.jpg]
Jedoch wenn ich am Handy, auf der Seite zur Desktop Ansicht wechsel.
Dann wird die Hintergrundfarbe nicht mehr angezeigt (weiss).
[Blockierte Grafik: https://i.ibb.co/m9VZVHw/Screenshot-20221228-172423-Samsung-Internet.jpg]
Komplettes Custom CSS:
navbar {
position:fixed;
width:100%;
z-index:100;
}
#logo {
padding-top: 100px;
}
.page .entry-title {
display: none;
}
body {
color: #2b2b2b;
background-color: #FFFFFF;
word-wrap: break-word;
font-family: 'helvetica', sans-serif;
line-height: 1.5;
font-size: 15pt;
color: #585858;
}
a:hover { color:#000000!important;
}
a:link { color: #00eded; }
.entry-content a {
font-weight: bold;
}
/* Remove meta data */
.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }
//.page-id-1725 header {display: none !important;}
.grecaptcha-badge { visibility: hidden; }
@media (max-width: 768px) {
.navbar-collapse.collapse.in {
height: calc(100vh - 48px);
top: 48px;
}body.page-id-1984 {
background-color: #363434;
}Link zur Seite:
https://www.lifetojourney.de/links/
Ich hoffe mir kann jemand helfen.
Vielen Dank im Voraus.:)