Admob natif de l'annonce CSS Google Info Button Couleur de l'arrière-plan

Question

Comment nous pouvons changer la couleur de fond du bouton google ads info de css. Nous avons personnalisé l'annonce, mais nous ne pouvons pas modifier la couleur d'arrière-plan du bouton d'informations sur les annonces Google. J'ai vu des publicités natives qui ont changé la couleur, même si je supprime toutes les parties du code, ça ne va nulle part, alors comment puis-je changer la couleur de fond de celui-ci? J'ai ajouté le code CSS et de l'image

/* Note: 1px = 1dp in this css */ 

/* == Colors == */ 
body { 
    background-color: #ffffff; 
} 
.title-link { 
    color: #000000; 
} 
.button { 
    background-color: #9D0000; 
} 
.button-text, 
.button-link { 
    color: #FFFFFF; 
} 
.price, 
.reviews { 
    color: rgba(0,0,0,0.5); 
} 
.reviews svg { 
    fill: rgba(0,0,0,0.7); 
} 
.url-link { 
    color: rgba(0,0,0,0.3); 
} 
.body { 
    color: rgba(0,0,0,0.7); 
} 

/* == Fonts == */ 
body { 
    font-family: "Lobster"; 
    font-weight: normal; 
    font-size: 10px; 
} 
@media (min-height: 300px) { 
    body { 
    font-size: 11px; 
    } 
} 
@media (min-width: 360px) and (min-height: 300px) { 
    body { 
    font-size: 12px; 
    } 
} 
@media (min-width: 700px) and (min-height: 300px) { 
    body { 
    font-size: 16px; 
    } 
} 
.title { 
    font-size: 1.1em; 
    line-height: 1.2em; 
} 
.button { 
    font-size: 1.1em; 
} 
.body, 
.price, 
.reviews, 
.url { 
    font-size: 1em; 
    line-height: 1.1em; 
} 
@media (min-width: 360px) and (min-height: 300px) { 
    .title { 
    font-size: 1.2em; 
    line-height: 1.25em; 
    } 
    .button { 
    font-size: 1.2em; 
    } 
} 
@media (min-width: 700px) and (min-height: 300px) { 
    .title { 
    font-size: 1.3em; 
    line-height: 1.35em; 
    } 
    .button { 
    font-size: 1.3em; 
    } 
} 

/* == Layout == */ 
.title { 
    margin-bottom: 5px; 
    padding: 5px 0 0 8px; 
} 
.body { 
    margin: 2px 8px; 
} 
.button { 
    position: absolute; 
    bottom: 8px; 
    left: 8px; 
} 
/* == App install and video ad layouts == */ 
.app-icon { 
    float: left; 
    margin: 0 8px 4px 8px; 
    padding: 0; 
} 
.image-gallery, 
.video { 
    margin: 0 auto 8px auto; 
} 
/* == Content ad layout == */ 
.image { 
    margin: 0 auto 4px auto; 
} 

/* == Body == */ 
.body { 
    /* add more customizations here */ 
} 

/* == App icon == */ 
.app-icon img { 
    height: 50px; 
    width: 50px; 
    border-radius: 20%; 
} 
@media (min-width: 360px) and (min-height: 300px) { 
    .app-icon img { 
    height: 70px; 
    width: 70px; 
    } 
} 

/* == Title == */ 
.title { 
    display: block; 
    text-align: left; 
} 

/* == Button == */ 
.button { 
    border: none; 
    border-radius: 20px; 
    box-shadow: 0 0 2px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.24); 
} 
.button-link { 
    display: block; 
    position: relative; 
    padding: 0 1em; 
} 
.button svg { 
    display: none; 
} 
.button { 
    width: 90%; 
    width: calc(100% - 16px); 
    height: 2.8em; 
} 
.button-text { 
    display: block; 
    line-height: 2.8em; 
    text-align: center; 
} 
@media (min-width: 700px) and (min-height: 300px) { 
    .button { 
    height: 2em; 
    } 
    .button-text { 
    line-height: 2em; 
    } 
} 

/** 
* == Large image and video == 
* App install: 
* Use .image-gallery selector 
* Content: 
* Use .image selector 
* Video: 
* Use .video selector 
*/ 
.image-link, 
.image img { 
    width: 100%; 
    height: 100%; 
} 
.image-gallery a, 
.image a { 
    display: block; 
    line-height: 0; 
} 
.image-gallery, 
.video, 
.image { 
    width: 90%; 
    width: calc(100% - 16px); 
} 
.image-gallery, 
.video { 
    height: 50%; 
    height: calc(100% - 11em); 
} 
.image { 
    height: 50%; 
    height: calc(100% - 10em); 
} 
@media (min-width: 700px) and (min-height: 300px) { 
    .image-gallery, 
    .video { 
    height: calc(100% - 8.5em); 
    } 
    .image { 
    height: calc(100% - 8em); 
    } 
} 

/* == Attribution == */ 
.attribution { 
    background-color: #ffffff; 
    border-radius: 2px; 
    color: #aeaeae; 
    display: table; 
    font-size: 10px; 
    line-height: 13px; 
    margin: 4px 8px; 
    padding: 0 3px; 
    position: absolute; 
    top: 0; 
    left: 0; 
} 
.rtl .attribution { 
    background-color: #ffffff; 
    left: auto; 
    right: 0; 
} 

/* == Other == */ 
.ads a { 
    text-decoration: none; 
} 
.ads, .ad { 
    /** 
    * DO NOT TOUCH OR REMOVE 
    * Will break image rendering 
    */ 
    height: 100%; 
    width: 100%; 
    padding: 0; 
    word-wrap: break-word; 
} 
.ad { 
    /* Padding for attribution */ 
    padding-top: 23px; 
    height: calc(100% - 23px); 
} 

@DanielStorm trouvé comment le changer mais maintenant Admob ne permet pas

Answer 1

Je ne suis pas vraiment familier avec CSS, mais vous pouvez inspecter l'élément et voir que l'ID est abgbg et que sa couleur est définie sur #cdcccc par défaut. Je l'ai changé en orange (# FFA500) dans la capture d'écran. Je ne suis pas sûr de savoir comment l'exprimer en CSS, ou si c'est même possible, mais cela devrait vous orienter dans la bonne direction.

---

Edit:

Après avoir joué avec elle pour une miniute vous pouvez changer la couleur de fond comme ceci:

.abgbg { 
    fill: #FFFFFF !important; 
}