How do I make the footer 2 lines instead of 1 using Zen theme?

By kyle.nguyen on 6 Nov 2015 at 15:54 UTC

Hi everyone,

Take a look at the site here. http://www.monarchschool.org/

thanks.

Comments

Two things

nevets commented 6 November 2015 at 16:16

Two things

I tried your suggestion, but

kyle.nguyen commented 6 November 2015 at 20:23

I tried your suggestion, but it didn't work. I found the css that looks like this:

.footer .col1{

float:left;

width:155px;

}

.footer .col2{

text-align:right;

float:right;

width:800px;

}

Both the footer block and secondary menu is in the "footer" region on the Blocks Administration page. I tried changing the footer block to the "page bottom" region but it didn't work either.

Any other ideas? thanks so much for replying.

=-=

VM commented 6 November 2015 at 20:37

not sure how you are working with your CSS. based on 'didn't find' you are scanning the file instead of using a CSS tool. I highly suggest the CSS tool in your browser.

Had you utilized a tool you would have been able to inspect the blocks and found:

#block-block-1 {
    float: left;
    line-height: 12px;
}

The above is the custom CSS used to style the left block.

Now your job is to correct what you've already tested and work with the above after learning where in your browser to initiate its CSS inspector.

I was definitely looking at

kyle.nguyen commented 6 November 2015 at 22:22

I was definitely looking at the wrong CSS file. I followed your advice and used Google Chrome "Inspect Element" tool. I've found the right css file, "blocks.css" and made the appropriate changes. It looks exactly the way I want it now. Thanks so much!!