• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Eleven40 Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Eleven40 Theme

This topic is: resolved

Tagged: Eleven40

  • This topic has 22 replies, 4 voices, and was last updated 13 years, 3 months ago by incomeclub.
Viewing 20 posts - 1 through 20 (of 23 total)
1 2 →
  • Author
    Posts
  • December 24, 2012 at 4:53 pm #7317
    incomeclub
    Member

    I have just installed the Eleven40 theme and have some issues...

    1. I have the theme set as Content - SideBar -SideBar.  If I display the calendar in the second sidebar the right side of the calendar gets truncated.  Is there a way to set with widths of the sidebars?

    2. The menu is getting displayed beneath the header.  Is there a way of getting the menu to display to the right of the header like in the sample?

     

    December 24, 2012 at 5:12 pm #7318
    Susan
    Moderator

    1. Yes, you can adjust the width of your sidebar, but you would need to adjust other parts of your stylesheet as well. Here is a link showing the mark-up of the various components, which will help you determine what to look for, and what to change:

    http://my.studiopress.com/docs/visual-markup-guide/

    2. In the demo, the menu is added by dragging the custom menu widget to the Header Right. (Dashboard > Appearance > Widgets)

    December 24, 2012 at 5:16 pm #7319
    incomeclub
    Member

    I have found the code in the css file that controls the positions of the 2 side bars.  It is as follows:


    .sidebar {
    display: inline;
    float: right;
    font-size: 14px;
    padding: 25px 0 0;
    width: 250px;
    }

    #sidebar-alt {
    float: left;
    padding: 25px 0 0;
    width: 150px;
    }

    I wish to make the left side bar with a width of 180 and the right sidebar with a width of 220.

    I have tried editing the widths but that did not work.  The second sidebar was placed beneath the first sidebar.  Does anyone know what changes that I need to make to this css file?

     

    December 24, 2012 at 5:25 pm #7320
    Susan
    Moderator

    Can you please include a link to your site, and I will take a look at your CSS. Thanks.

    December 24, 2012 at 5:38 pm #7322
    incomeclub
    Member

    I just installed it today.  You can see it at http://www.blog.incomeclub.net/

    The css is back to the original.

    December 24, 2012 at 6:11 pm #7325
    AnitaC
    Keymaster

    In order to make what you want work - you need to switch the sidebars around. Currently the middle sidebar is Primary and the last one is Secondary. To make the sizes the way you want - you need to flip flop the columns. You can follow these instructions to do that and then change the CSS the way you want - http://www.billerickson.net/switch-genesis-sidebars/.


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:11 pm #7326
    Riavon
    Member

    You should be able do the widths on the sidebars the way you indicated above that you want:

    #sidebar-alt {
    padding: 25px 0 0;
    width: 180px;
    }

    .sidebar {
    display: inline;
    float: right;
    font-size: 14px;
    padding: 25px 0 0;
    width: 220px;
    }

    But once the width of the browser window/viewing area is reduced, it will push one sidebar beneath the other because this theme is designed to be responsive.

    I've got a lot of experience customizing the Eleven40 theme, for several different client sites as well as my own website. I have a standard process for converting the content area and sidebar widths to percentages with max- and min-width settings in pixels just to ensure it renders well at almost every browser width/screen resolution combination.

    Let me know if I can help you, as this is "my" theme! 🙂


    Twitter: @riavonentprises

    December 24, 2012 at 6:13 pm #7327
    AnitaC
    Keymaster

    I just posted in here and it didn't save. They want to flip flop/switch the sidebars around. He can do this by following these instructions - http://www.billerickson.net/switch-genesis-sidebars/


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:16 pm #7328
    AnitaC
    Keymaster

    Why aren't my messages coming through - I just posted in here and it didn't save. They want to flip flop/switch the sidebars around. He can do this by following these instructions - http://www.billerickson.net/switch-genesis-sidebars/


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:17 pm #7329
    AnitaC
    Keymaster

    Where are my messages? They are not posting on here. I've tried 6 times now. I have other messages in  here that I cannot see. Why is that, where are they?


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:19 pm #7331
    AnitaC
    Keymaster

    They would like the sidebars switched - He can do this by following these instructions - http://www.billerickson.net/switch-genesis-sidebars/.


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:21 pm #7332
    incomeclub
    Member

    I can see your message.

    December 24, 2012 at 6:21 pm #7333
    AnitaC
    Keymaster

    I wrote some instruction before you posted yours and it's not here. I then submitted 4 more times - different text entirely and they do not show up in here.

    I just posted again below this one and it will not save!!! Try this to flip flop the columns and then change the widths - http://www.billerickson.net/switch-genesis-sidebars/.


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:23 pm #7335
    AnitaC
    Keymaster

    I posted a message before Riavon posted their message. If you want the columns flip flopped so they will work correctly you can use this - http://www.billerickson.net/switch-genesis-sidebars/.


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:24 pm #7337
    AnitaC
    Keymaster

    All of my messages are disappearing now, even the one I just posted. I am not doing this anymore. signing off.


    Need help with customization or troubleshooting? Reach out to me.

    December 24, 2012 at 6:34 pm #7339
    incomeclub
    Member

    Thank you Riavon for your assistance.  You have a nice theme.

    Just one last question.  How can I extend the width of the main content.  I have seen the following in the css file:

    .content-sidebar-sidebar #content {
    border-left: none;
    padding: 25px 39px 30px 0;
    width: 620px;
    }

    This looks like the correct section but increasing the width from 620 to a larger number does not seem to have any effect.  Do you have a solution?

     

     

    December 24, 2012 at 6:39 pm #7340
    Riavon
    Member

    Ha, well by "my" theme I meant it's my favorite and/or the one I'm most experienced customizing. 🙂 Yes, that is the correct code to modify. What is the width you wish to increase the size to? Remember that it's got quite a bit of right-side padding, and that any increase in the width of this section may require adjustments to the widths of your sidebars. Meaning that you may need to decrease the right-side padding a bit in order to widen it.

    Try this:

    .content-sidebar-sidebar #content {
    border-left: medium none;
    padding: 25px 20px 30px 0;
    width: 680px;
    }


    Twitter: @riavonentprises

    December 24, 2012 at 6:48 pm #7343
    incomeclub
    Member

    The css change made no difference at all.

    December 24, 2012 at 6:50 pm #7344
    Riavon
    Member

    Did you clear your browser cache and reload? I assure you, it will make a change. 🙂 Also be sure that you've actually saved your changes (I forget to do that sometimes and wonder why the heck it's not working!) 🙂

    I've got to sign off for the night, and go do Christmas Eve. I'll check back in after the holiday festivities.


    Twitter: @riavonentprises

    December 24, 2012 at 6:53 pm #7346
    incomeclub
    Member

    That would help wouldn't it?

    It was a browser cache problem.  That you very much for your assistance.

     

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 23 total)
1 2 →
  • The topic ‘Eleven40 Theme’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble