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

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -