Is it possible to make a widget full page width? My rows (full width stretched) do this, but widgets within those rows are constrained.
Looks like it’s a “container class” issue…the container class of my theme (SOMA PRO) isn’t full width.
Can this be changed, either for the full theme or for a single row?
Thanks.
Hi Rich,
Use the CSS below
@media (min-width: 768px){
.container{
width:100%;
}
}
@media (min-width: 992px){
.container{
width:100%;
}
}
@media (min-width: 1200px){
.container {
width:100%;
}
}
Copy and paste this in Appearance -> Customize -> Additional CSS.
This CSS is for the full theme.
Best Regards
Very cool…more to play with.
Thanks!
You are welcome Rich 🙂
Best Regards
I placed your suggested css in my child theme, but the widgets still have that small bit of padding at each side. You can see the issue on the home page of my testing site:
http://frontrangefreedomtour.org/testing2-10/
Appreciate any further thoughts.
Additional (related) question:
Any reason for the @media queries? Why not just use:
.container {
width:100%;
}
Thanks again.
Hi Rich,
Is this working at your end? Actually, we tried to override the default Bootstrap CSS?
Best Regards