Forum Replies Created
-
AuthorPosts
-
Eva LimMember
You're right. I found this article that explains further: http://snook.ca/archives/html_and_css/font-size-with-rem
Thanks.Eva LimMemberBoth 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 LimMemberThanks 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 LimMemberAfter 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 LimMemberI copied the same code and it doesn't work for my Prose theme as well.
Eva LimMemberUnfortunately 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 LimMemberOh 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 LimMemberThanks, 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;
} -
AuthorPosts