Community Forums › Forums › Archived Forums › Design Tips and Tricks › Eleven40 Theme
Tagged: Eleven40
- This topic has 22 replies, 4 voices, and was last updated 12 years, 1 month ago by
incomeclub.
-
AuthorPosts
-
December 24, 2012 at 4:53 pm #7317
incomeclub
MemberI 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 #7318Susan
Moderator1. 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 #7319incomeclub
MemberI 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 #7320Susan
ModeratorCan 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 #7322incomeclub
MemberI 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 #7325AnitaC
KeymasterIn 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 #7326Riavon
MemberYou 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 #7327AnitaC
KeymasterI 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 #7328AnitaC
KeymasterWhy 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 #7329AnitaC
KeymasterWhere 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 #7331AnitaC
KeymasterThey 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 #7332incomeclub
MemberI can see your message.
December 24, 2012 at 6:21 pm #7333AnitaC
KeymasterI 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 #7335AnitaC
KeymasterI 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 #7337AnitaC
KeymasterAll 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 #7339incomeclub
MemberThank 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 #7340Riavon
MemberHa, 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 #7343incomeclub
MemberThe css change made no difference at all.
December 24, 2012 at 6:50 pm #7344Riavon
MemberDid 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 #7346incomeclub
MemberThat would help wouldn't it?
It was a browser cache problem. That you very much for your assistance.
-
AuthorPosts
- The topic ‘Eleven40 Theme’ is closed to new replies.