Astra Footers – Design responsive WordPress footers with free Astra theme and CSS




Learn how to design responsive WordPress footers with the free version of Astra theme and Custom CSS.

Additionally, We will use custom breakpoints or CSS media queries to make sure our footer looks good across all the devices.

Find the CSS code below:

/*Desktop footer code*/
@media screen and (min-width: 900px)
{
.site-footer
{
font-family:times;
font-weight:900;
letter-spacing:2px;
font-style:oblique;
text-transform:uppercase;

}
}

/*Desktop Code ends above*/

/*Condition to show it on Tablet only*/
@media screen and (max-width: 900px) and (min-width: 500px)
{

.site-footer
{
font-family:times;
font-weight:900;
letter-spacing:2px;
font-style:oblique;
text-transform:uppercase;

}
/*first widget */
.site-footer .footer-adv-widget-1
{

width:50%;

}

.site-footer .footer-adv-widget-2
{
width:50%;

}

.site-footer .footer-adv-widget-3
{

width:50%;

}

.site-footer .footer-adv-widget-4
{
width:50%;
}
.site-footer .ast-row
{

margin-left:15%;
margin-top:1%;
}

}
/*Tablet condition ends above*/

/*Mobile Condition*/

@media screen and (max-width: 500px)
{
.site-footer .ast-row
{

margin-left:8%;
margin-top:1%;
}
}
/*End of code*/


Fuente – Source

Astra Footers – Design responsive WordPress footers with free Astra theme and CSS

Necesitas ayuda con wp? Entonces WPVideo es tu sitio.
Encuentra lo que buscas entre cientos de miles de videos y experiencias personales de otros usuarios. Todos los que empezamos con wp deberíamos tener acceso a esta web, ojalá yo hubiera tenido algo así cuando empecé mi camino como webmaster 🙂
Pero ahora quiero y puedo poner esta web a vuestra disposición.
Disfrutadla 😉

Need help with wp? Then WPVideo is your site.
Find what you are looking for among hundreds of thousands of videos and personal experiences of other users. All of us who started with wp should have access to this website, I wish I had something like that when I started my journey as webmaster 🙂
But now I want and I can put this website at your disposal.
Enjoy it 😉

https://www.wpvideo.eu

Publicado en Ecommerce, Temas (Themes) y etiquetado .

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *