Community Forums › Forums › Archived Forums › Design Tips and Tricks › eleven40 Pro – The one 3 column page layout I need is not there – Can I create it?
Tagged: column order, genesis, three column layout
- This topic has 16 replies, 4 voices, and was last updated 8 years, 9 months ago by Erik D. Slater.
-
AuthorPosts
-
June 10, 2015 at 4:30 pm #155785aregularjoeParticipant
I need a 3 column page layout that is not one of the options in Genesis | Theme Settings | Default Layouts ( or under page layout in the "customize" menu) . I need it to be Primary, Content, Secondary, and be able to set it as the default for all pages. I'm sure this is easy, and any direction is much appreciated.
June 11, 2015 at 1:11 am #155810Brad DaltonParticipantFor a page or archive?
3 equal columns
or
secondary sidebar > content > primary sidebar layout?
June 11, 2015 at 5:55 am #155833aregularjoeParticipantHi,
Thank you for the reply. Basically all I want to do is reorder the columns as secondary sidebar > content > primary sidebar as the default for all pages, archives, everything. Sitewide.
Ideally, I would like to do so in a way that does not complicate updating genesis or the theme's factory updates.
Thnaks,
Chris
June 11, 2015 at 6:13 am #155834Brad DaltonParticipantShould be able to do that with the Layout Settings unless they are deregistered in the functions file.
June 11, 2015 at 6:15 am #155835aregularjoeParticipantThat particular combination is not available in the layout settings.
June 11, 2015 at 10:56 am #155870aregularjoeParticipantI don't see anything about removing this kind of thing in the functions file?
June 11, 2015 at 11:20 am #155873aregularjoeParticipantThere appears to be no support for the layout I want in genesis itself. (see layout.php). I imagine it could be down with a custom function, but that is beyond my skill with genesis at this point. If anyone cares to offer some help coding that function, thats great, otherwise I'llhave to find some thing else.
June 11, 2015 at 11:36 am #155876Erik D. SlaterMemberI just wanted to back up what Brad mentioned earlier ... and to ask - what may ultimately be - a really dumb question 🙂
Since eleven40 Pro is already a 3-column theme by default, could you not simply use a Custom Menu widget for each of your sidebars?
Apologies if I've either missed or misunderstood something ... especially since I'm making the assumption that your references to Primary and Secondary are menus 🙂
Erik D. Slater: Digital Platform Consultant • LinkedInJune 11, 2015 at 11:45 am #155878aregularjoeParticipantAs I am relatively new to coding for the genesis framework I may not be explaining myself clearly and I apprreciate both your response and everyones patience.
I am talking about columns, not menu's.
Yes, eleven40 pro is a 3 column theme. Genesis does not appear to offer an option to order the columns they way I need them. From left to right, I would like the order to be: Primary Widget area, Content area, Secondary Widget area.
This appears to be controlled in Genesis itself via the Layout.php file found at genesis/lib/structure/layout.php
This file appears to control the registering of the page layout options.
Is there a way to write a function, or some other approach, in the eleven40 Pro child theme that would add my desired order of the column?
Thnaks,
Chris
June 11, 2015 at 12:17 pm #155881Erik D. SlaterMemberThanks for clarifying. I did pre-warn you that it might be a dumb question 🙂
Does this link here help?
Erik D. Slater: Digital Platform Consultant • LinkedInJune 11, 2015 at 1:05 pm #155884aregularjoeParticipantThank you for the suggestion. You would think it would, but it does not.
I added it to the functions.php file of the theme ( as suggested by the author in the comments). I removed the opening PHP tag. The site works but does not change the column locations.
I also tried selecting the "add_action" parts, to see if the first part of the code would at least remove the 2 sidebars, but that does not happen either.
I suspect this has something to do with the default layout.
Chris
June 11, 2015 at 1:19 pm #155887Erik D. SlaterMemberWhat are you really trying to achieve here? And do you have a link to your site?
Erik D. Slater: Digital Platform Consultant • LinkedInJune 11, 2015 at 1:52 pm #155890aregularjoeParticipantOK, I found another simpler approach to solve the issue.
I selected the 3 column layout, and used CSS to reverse the column widths.
These are the selectors that need to be modified:
/* Wrapping div for .content and .sidebar-primary */
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
width: 850px;
}/* Primary Sidebar */
.sidebar-primary {
float: right;
width: 150px;
}.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
float: left;
}/* Secondary Sidebar */
.sidebar-secondary {
float: left;
width: 250px;
}.content-sidebar-sidebar .sidebar-secondary {
float: right;
}June 11, 2015 at 2:02 pm #155891MoodyRivieraMemberIt's completely possible that I'm not visualizing what you're getting at...but I'll just suggest this anyway.
Would you be able to choose the full-page page template and then create your columns using one of the methods I've linked to here to set up the columns?
http://my.studiopress.com/tutorials/content-column-classes/
https://wordpress.org/plugins/genesis-easy-columns/
https://wordpress.org/plugins/genesis-columns-advanced/
http://www.billerickson.net/column-class-generator/
*MoodyRiviera*
June 11, 2015 at 2:07 pm #155893Erik D. SlaterMemberMoody - I now have the feeling he just wanted to change the column widths ... but since I'm apparently having a bad Force day today, I could be wrong ...
Erik D. Slater: Digital Platform Consultant • LinkedInJune 11, 2015 at 2:11 pm #155897MoodyRivieraMemberErik...I know what you mean...sometimes it's hard to know what people are asking.
"Bad Force Day"...I like that...I have that on a regular basis.*MoodyRiviera*
June 11, 2015 at 8:23 pm #155922Erik D. SlaterMemberYeah ... the only reason I shot for the Custom Menu angle was to simply rule it out. I sometimes do that as a way of setting some kind of expectation marker when things are getting confused.
But in this case - without a specific URL to work with, hence having to resort to the demo version - it seemed almost too trivial to suggest switching individual widgets from one widget area to the other ... and then changing the widths accordingly.
And it may well be that the OP had something else in mind ... but elected to compromise with a simple width change.
The Bill Erickson code snippet actually does work, i.e. it really does modify the physical HTML output structure by switching sidebar and sidebar-alt. Changes to CSS are inevitable 🙂
Erik D. Slater: Digital Platform Consultant • LinkedIn -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.