Hallo HTML-Seminar Freunde!
Habe ein kleines Problem mit Custom-CSS bei Smartphone version. eines Wordpress gekauften Themes. (Support weigert sich, mir zu helfen)
Egal was ich mache, die CSS befehle werden nicht übernommen.
Dann sind die überschriften alle unterschiedlich Gross. Von 3px bis 26px sind die h1 bis h6.
PS: !Important; muss ich anwenden, da sonst meine eigene Class befehle irgendwie von WP nicht akzeptiert wird.
CSS
.blog-title h2, .blog-title h3, .blog-title h4, .blog-title h5, .blog-title h6 {
font-size: 26px !important;
font-weight: 600 !important;
margin-bottom: 15px !important;
margin-top: 10px !important;
word-wrap: break-word !important;
transition: all .4s ease 0s !important;
font-style: normal !important;
color: #202121!important;
}
/* large laptops and desktops, 1200px and up */
@media only screen and (min-width: 1200px) {
.blog-title {
font-size: 26px !important;
font-weight: 600 !important;
}
}
/*laptops/desktops, 992px and up */
@media only screen and (min-width: 992px) {
.blog-title {
font-size: 26px !important;
font-weight: 600 !important;
}
}
/* desktop: */
@media only screen and (min-width: 768px) {
.blog-title {
font-size: 26px !important;
font-weight: 600 !important;
}
}
/* mobile phones: */
@media only screen and (max-width: 768px) {
.blog-title h3 h4 h5 h6 {
font-size: 26px !important;
font-weight: 600 !important;
}
}
/* mobile phones: */
@media only screen and (max-width: 375px) {
.blog-title h3 h4 h5 h6 {
font-size: 26px !important;
font-weight: 600 !important;
}
}
/* tablets: */
@media only screen and (min-width: 600px) {
.blog-title{
font-size: 26px !important;
font-weight: 600 !important;
}
}Dazu habe ich ein weiteres CSS Problem beim Smartphone und zwar beim Recaptcha-Badge:
(Möchte den Badge verbergen auf allen End-Geräte)
Code
.grecaptcha-badge { visibility: hidden; }
/* large laptops and desktops, 1200px and up */
@media only screen and (min-width: 1200px) {
.grecaptcha-badge { visibility: hidden; }
}
/*laptops/desktops, 992px and up */
@media only screen and (min-width: 992px) {
.grecaptcha-badge { visibility: hidden; }
}
/* desktop: */
@media only screen and (min-width: 768px) {
.grecaptcha-badge { visibility: hidden; }
}
/* tablets: */
@media only screen and (min-width: 600px) {
.grecaptcha-badge { visibility: hidden; }
}
/* Smartphones: */
@media (min-width: 320px) and (max-width: 767px) {
.grecaptcha-badge {
visibility: hidden;
display: none;
}
} Hoffe ihr könnt mir helfen.
Schade. Und noch ein Hinweis: Foren sind eigentlich nicht dafür gedacht, dass man Hilfe per PN bekommt, auch wenn es einige Spezies gibt, die das machen.
