[Eva Lim]

You're right. I found this article that explains further: http://snook.ca/archives/html_and_css/font-size-with-rem
Thanks.

[Eva Lim]

Both methods work perfectly. The 2nd method works only if the file is saved directly inside the mu-plugin folder (ie. no subdirectories.)

Thanks guys. It's my first time creating a plugin! 😉

[Eva Lim]

Thanks for the quick response and links. I actually got my code from those two exact articles. But it's not working for some reason I can't figure out.

[Eva Lim]

After 2 long days of research and experimenting, I finally found the solution. VICTORY!!
Steps as below:

1. Add 2 new sidebars using Genesis Simple Sidebars as below:
(DO NOT bother using Custom CSS! Tried several code variations but it just doesn't seem to work at least for Prose.)

NAME / ID / DESCRIPTION
Primary Sidebar Bottom Left / pri-sidebar-bottom-left / This shows up underneath the primary sidebar.
Primary Sidebar Bottom Right / pri-sidebar-bottom-right / This shows up underneath the primary sidebar.

You will see the two sidebars appear if you go to Appearance>Widgets.

2. Add the code below to the "genesis_after_sidebar_widget_area" hook in Genesis Simple Hooks:

<div class="pri-sidebar-bottom-left">
<?php genesis_widget_area ( 'pri-sidebar-bottom-left' ); ?>
</div>

<div class="pri-sidebar-bottom-right">
<?php genesis_widget_area ( 'pri-sidebar-bottom-right' ); ?>
</div>

* Make sure that the "Execute PHP on this hook?" box is checked.

3. Go to Genesis>Custom Code>Custom CSS and add this:

/** SPLIT SIDEBARS */
.pri-sidebar-bottom-left, .pri-sidebar-bottom-right {
display: inline;
float: left;
width: 50%;
}

.pri-sidebar-bottom-right {
float: right;
}

If you go back to Appearance>Widgets and place a text widget inside both the new sidebars with dummy text, you should see them appear underneath the primary sidebar. Good luck!

[Eva Lim]

I copied the same code and it doesn't work for my Prose theme as well.

[Eva Lim]

Unfortunately I just noticed that using body classes seem to prevent the responsive layout from working well, but maybe this problem belongs in another thread.

[Eva Lim]

Oh I just found out I need to add more classes to cover all the pages in my website so

body.home, body.single, body.page, body.archive {
width: 940px;
margin: 0 auto;
}

I may be missing out on other body classes but this seems to work for now.

[Eva Lim]

Thanks, your suggestion didn't work but did helped me to troubleshoot.
Instead of #wrap, I used body.single instead which works. So basically :

body.single {
width: 940px;
margin: 0 auto;
}

[Author]

Posts