css - One widget area for footer instead of 3? [wordpress] -
css - One widget area for footer instead of 3? [wordpress] -
i have woocommerce shop setup theme retailer. theme setup have 3 footer widget placeholders using grids allow 3 widgets placed. want 1 widget 1 grid takes width of whole page/main container.
i have tried , had success:
footer widget css
.container_12 .grid_4 { //expands widget width of container width: 100%; }
however when did this, shop sidebar menu left disappears. when remove css, footer goes way , sidebar appears.
refer page see mean: http://museiam.ca/product-category/men/
currently took out css code widget why shop menu displaying. notice how footer menu messed up. essentially, want centered in 1 line in center so:
http://tinypic.com/r/jrv9mq/8
here css grid hold sidebar:
shop sidebar css
.container_12 .pull_9 { left: -820px !important; }
any input appreciated. give thanks you.
adding these 3 lines of css within stylesheet prepare , create footer content appear centered in middle without affecting sidebar:
.gbtr_dark_footer_wrapper .container_12 .grid_3 { width: 100%; }
what above code targets .grid_3
within footer , increases width 220px
100%
centering contents of footer.
here's visual of how looks after adding above code:
css wordpress menu grid footer
Comments
Post a Comment