Buenas tardes,
estoy haciendo una web/portfolio mediante WordPress utilizando un tema gratuito y me surgen dos dudas que a priori creo que sería bastante sencillo de localizar en la hoja de estilo, pero no logro encontrar.
La duda es la siguiente:
Por el diseño de mi plantilla, en las páginas, si se añade una imagen destacada, la muestra al entrar en dicha página, yo no quiero que la muestre, pero sí que la tenga, puesto que uso un plugin para hacer grids y usa estas imágenes destacadas. Localizo la línea que hace la llamada a mostrar la imagen destacada y la elimino.
Hasta aquí bien, la cosa es que cuando la página tiene una imagen destacada, el header, que supongo que es transparente, cambia el color del texto de negro, que es el color por defecto, a blanco.
He buscado la clase que utiliza en la hoja de estilo pero no logro descifrar qué parte del código me dice que hace este cambio si la página tiene imagen destacada o no.
El código de la hoja de estilo en el que imagino que debería estar esto es el siguiente:
style.css.site-header {
top: 0;
position: fixed; }
#demosite-activate-wrap ~ .site-header {
top: 80px; }
.admin-bar .site-header {
top: 32px; }
.admin-bar #demosite-activate-wrap ~ .site-header {
top: 112px; }
@media screen and (max-width: 782px) {
.admin-bar .site-header {
top: 46px; }
.admin-bar #demosite-activate-wrap ~ .site-header {
top: 126px; } }
@media screen and (max-width: 600px) {
.site-header {
position: absolute; } }
@media not screen and (min-width: 900px) {
.nav--main [class*="current-menu-"] > a:before, .filter__item.active:before {
left: 0.5em;
right: 0.5em;
bottom: 0.5em;
display: none; }
.nav--main .current-menu-item > a:before, .filter__item.active:before {
display: block; }
.main-navigation {
display: block;
text-align: left; }
.bar--fixed {
position: static !important;
width: 100%; }
.nav--main .sub-menu {
padding-left: 1.5em; }
.site-header {
width: auto !important;
height: auto;
position: fixed !important;
z-index: 9999;
left: 0;
right: 48px !important;
bottom: 0;
background: white;
transform: translate(-100%, 0);
box-shadow: rgba(0, 0, 0, 0) 0 0 0;
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease-in-out;
/* easeOutQuart */ }
.navigation--is-visible .site-header {
box-shadow: rgba(0, 0, 0, 0.5) 0 0 10px; }
.site-header .bar--fixed {
display: block !important;
transform: none !important;
overflow-y: auto;
padding: 0.5em 1em; }
.navigation--is-visible .site-header:not(.site-header--placeholder) {
transform: translateZ(0);
z-index: 10001; }
.site-header--placeholder {
box-shadow: none !important; }
.nav--main {
display: block; } }
.nav-toggle {
position: fixed;
top: 0px;
left: 17px;
z-index: 10001;
margin-top: 30px;
transform: translate(0, -50%);
font-size: 1.5em;
transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
outline: 0; }
#demosite-activate-wrap ~ .nav-toggle {
top: 80px; }
.admin-bar .nav-toggle {
top: 32px; }
.admin-bar #demosite-activate-wrap ~ .nav-toggle {
top: 112px; }
@media screen and (max-width: 782px) {
.admin-bar .nav-toggle {
top: 46px; }
.admin-bar #demosite-activate-wrap ~ .nav-toggle {
top: 126px; } }
@media only screen and (min-width: 900px) {
.nav-toggle {
display: none; } }
.navigation--is-visible .nav-toggle {
transform: translate(calc(100vw - 48px), -50%); }
.navigation-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100vw;
height: 100vh;
background-color: #000000;
opacity: 0;
pointer-events: none;
transition: .3s opacity ease-in-out; }
.navigation--is-visible .navigation-overlay {
opacity: .3;
pointer-events: auto; }
No tengo grandes conocimientos de programación salvo cambiar alguna cosilla en cuanto a colores y cosas sencillas, igual esto lo es pero no logro encontarlo.
Gracias!!
