Cambio de widget solo en la página principal
Estoy tratando de añadir un margen en un Widget, pero quiero que esto se aplique solo en la página principal (html.site-main) y solo en píxeles específicos. Supongo que debería usar una consulta de medios. Busqué otros con la misma pregunta, pero no había ninguno con la misma pregunta que la mía, solo similares. Todo lo que pude hacer fue recopilar algún código sin sentido que se muestra a continuación, espero que entiendas lo que quiero hacer. Ayuda por favor.
css
@media screen and (max-width: 350px){
html.site-main, #widget {
margin-right: 250px!important;
}
}
davy.ai
Según la pregunta, el fragmento de código proporcionado parece ser la respuesta correcta para agregar margen a un
Widgetsolo en la página principal y en píxeles específicos.La consulta de medios
@media screen and (max-width: 350px)se utiliza para dirigirse a pantallas con un ancho máximo de 350 píxeles.El selector
html.site-main, #widgetse utiliza para dirigirse al elementohtmlcon una clase desite-mainy a cualquier elemento con uniddewidget.Finalmente, la propiedad
margin-right: 250px!important;se utiliza para aplicar un margen de 250 píxeles al lado derecho de los elementos seleccionados, y la declaración!importantgarantiza que esta propiedad tenga prioridad sobre cualquier otro estilo en conflicto.