Community Forums › Forums › Archived Forums › Design Tips and Tricks › Create site margins in Balance Theme?
Tagged: margins
- This topic has 7 replies, 2 voices, and was last updated 11 years, 10 months ago by
Sara.
-
AuthorPosts
-
April 23, 2013 at 1:13 pm #37235
Sara
MemberI am a complete newbie and I am using the Balance Child Theme at thehealthysanctuary.com
I want the post to look distraction-free, so I have gotten rid of all sidebars. Now the post text stretches widely across the site. Is there any way to put margins on the site by reducing the width of the page?
For example, the forum we are on right now has grey margins on either side. That would be awesome to have, but if not, white space would do!
Thanks
http://thehealthysanctuary.comApril 23, 2013 at 1:26 pm #37238Brad Dalton
ParticipantWhy not use the landing page template and remove the remove actions for nav, header and footer so they display but you keep the full width layout:
Remove this:
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 ); remove_action( 'genesis_header', 'genesis_do_header' ); remove_action( 'genesis_header', 'genesis_header_markup_close', 15 ); remove_action( 'genesis_after_header', 'genesis_do_nav' ); remove_action( 'genesis_after_header', 'genesis_do_subnav', 15 ); remove_action( 'genesis_after_header', 'genesis_do_breadcrumbs' ); remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' ); remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 ); remove_action( 'genesis_footer', 'genesis_do_footer' ); remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
Ends up like this:
<?php /** * This file adds the Landing template to the Balance Theme. * * @author StudioPress * @package Balance * @subpackage Customizations */ /* Template Name: Landing */ // Add custom body class to the head add_filter( 'body_class', 'add_body_class' ); function add_body_class( $classes ) { $classes[] = 'balance-landing'; return $classes; } add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' ); genesis();
Or simply use the full width layout in the layout settings.
April 23, 2013 at 6:51 pm #37289Sara
MemberThanks for responding!
Actually, I have the full width layout, that is how I removed the sidebars.
What I want to do is decrease the full page width and increase the white space on either side of what I already have. The text of my posts is enormous and the headlines are gigantic. I just want a normal looking blog, not an elephant sized one.
Where can I adjust the width of the full page?
April 23, 2013 at 9:27 pm #37314Brad Dalton
ParticipantDid you try what i suggest with the landing page template? It will decrease the full page width.
You can see the width in the style.css file:
.full-width-content #content { width: 960px; } .balance-landing #content { width: 700px; }
April 24, 2013 at 5:48 am #37353Sara
MemberOh no, I tried adding the landing page template to the style.css and it looked worse. So I took it back out.
Then, I tried adding it to the functions.php and I got Internal Server Error. Now I can't access my dashboard!
HELP!
April 24, 2013 at 7:55 am #37391Sara
MemberI had to restore my site. Now, I am very cautious about changing things in css and php. I would LOVE to have the landing page template, but I have no idea what to do with the code you posted. Any idea why my dashboard crashed?
April 24, 2013 at 10:36 pm #37519Brad Dalton
ParticipantIts the default CSS from the style.css file. You can change the values in that file. You must have pasted it in the functions.php file.
April 25, 2013 at 12:55 pm #37700Sara
MemberThanks for all your help!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.