Efficient Websites Support

Inserting Blank Lines

Doug Yuen — Fri, 02 Dec 2011 11:24:56 +0000

To insert a blank line in your page or post, you must first activate the TinyMCE Advanced plugin, if it is not already activated. Then go to the Settings > TinyMCE Advanced menu, add the non-breaking space (“NB Space”) button to the toolbar, and click Save Changes. Go back to edit your post/page and use the button to insert the non-breaking space on any lines you want to be blank.

Source: Inserting Blank Lines on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Inserting Single Line Breaks

Doug Yuen — Fri, 02 Dec 2011 11:19:44 +0000

To insert single line breaks (instead of paragraph breaks) between lines in your pages or posts, use the Shift + Enter key combination instead of just pressing Enter.

Source: Inserting Single Line Breaks on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Changing the Sidebar Width

Doug Yuen — Sun, 27 Nov 2011 03:42:53 +0000

To do this, you will need to add some CSS in the My Custom CSS menu. The primary sidebar (typically on the right) is enclosed in the #sidebar selector, and the secondary sidebar (typically on the left) is enclosed in the #sidebar-alt selector. The main content is enclosed in the #content selector, and the content + the primary sidebar are enclosed in the #content-sidebar-wrap selector. If you are using just one sidebar and adjust the width of #sidebar, you will have to adjust the width of #content by the same number of pixels to compensate. If you are using two sidebars and adjust the width of #sidebar-alt, you will have to adjust the width of #content-sidebar-wrap by the same number of pixels to compensate. And if you adjust the width of #content-sidebar-wrap, you will also need to adjust the widths of #content and/or #sidebar to compensate. #content-sidebar-wrap usually needs to have an extra 20px than the sum of the pixels from #content and #sidebar. See the example below.

#content-sidebar-wrap { width: 760px; }
#content { width: 470px; }
#sidebar { width: 270px; }
#sidebar-alt { width: 140px; }

Source: Changing the Sidebar Width on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Adding Borders Around the Posts on the Blog Page

Doug Yuen — Sun, 27 Nov 2011 03:19:43 +0000

If you want to add borders around the posts on your blog page, category pages, or other archive pages, go to the My Custom CSS menu and paste the following code. The border width, border color, border radius (how much you want the corners to curve), and the padding (spacing) can all be adjusted as needed.

.archive #content .post, .blog #content .post, .category #content .post, .tag #content .post
{ border:2px solid #0066CC; -moz-border-radius: 10px; border-radius: 10px; padding:10px 10px 10px 10px; }

Source: Adding Borders Around the Posts on the Blog Page on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Changing the Icon Spacing on the Social Profiles Widget

Doug Yuen — Sun, 27 Nov 2011 03:14:13 +0000

To change the spacing between icons in the Social Profiles Widget, go to the My Custom CSS menu and add the following CSS code. You can change the pixel value as needed. The following values will typically allow 5 icons to fit on one line.

#sidebar .social-profiles a img { margin: 10px 0px 10px 4px; }

Source: Changing the Icon Spacing on the Social Profiles Widget on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Changing the Width of the Search Box

Doug Yuen — Sun, 27 Nov 2011 03:12:03 +0000

On some themes, the search box is too wide, forcing the search button onto a new line. To shorten (or lengthen) the search box width, go to the My Custom CSS menu and add the following CSS code. You can change the pixel value as needed.

#sidebar .s, #sidebar #s { width: 180px; }

Source: Changing the Width of the Search Box on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Changing the Top and Bottom Spacing on Pages

Doug Yuen — Sun, 27 Nov 2011 03:08:07 +0000

On some themes, the top and bottom page spacing is too large (or too small). To adjust the spacing (padding), go to the My Custom CSS menu and add the following CSS code. You can change the pixel values as needed.

#content .post, #content .page { padding-top:0px; padding-bottom:10px; }

Source: Changing the Top and Bottom Spacing on Pages on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Removing the Dotted Line at the Bottom of Pages

Doug Yuen — Sun, 27 Nov 2011 02:43:02 +0000

On some themes, you may see a dotted line (or other border) at the bottom of your pages/posts. To remove this, go to the My Custom CSS menu and add the following CSS code.

#content .post, #content .page { border-bottom:none; }

Source: Removing the Dotted Line at the Bottom of Pages on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting

Recommended Widgets

Doug Yuen — Sun, 27 Nov 2011 02:25:00 +0000

Categories. This widget displays a list of your post categories. You can choose to display them as a list or as a drop-down menu, show post counts, and show the category hierarchy.
Genesis – Category Navigation Menu. This widget displays a list of your post categories. You can change the sort order and include/exclude certain categories.
Genesis – Featured Posts. If you have posts on your website, this widget gives you a lot of control over displaying your recent posts. Requires a theme on the Genesis Framework.
Search. This adds a search form to your website.
Social Profiles Widget. This allows you to easily link to your social media profiles with the appropriate icons. Requires the Social Profiles Widget plugin.
Text. This widget allows you to add a plain or HTML-formatted text box. This is useful for adding third-party widget code, such as a Facebook Like box or a MailChimp or Constant Contact opt-in box.

Removing the Post Meta

Doug Yuen — Sun, 27 Nov 2011 02:12:25 +0000

Go to the Genesis > Simple Hooks menu and find the Post/Page Hooks section. Under the genesis_after_post_content Hook, check the box next to “Unhook genesis_post_meta() function from this hook?” and click Save Changes.

Source: Removing the Post Meta on Efficient Websites Support - Instructions, Tips, and Tutorials for Websites on Efficient Websites Managed Hosting