additional layouts for Atmosphere Pro Theme ?

This topic is: not resolved

Tagged: Atmosphere Pro, layout, sidebars

This topic has 12 replies, 6 voices, and was last updated 8 years, 12 months ago by Tree78.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
November 2, 2015 at 10:41 am #169886

pdblizzard
Member

I love the new Atmosphere Pro Theme and installed it, but was disappointed to see there's only one layout option and inside pages with sidebars?

Is there a plugin or tutorial to add more layout options?

November 2, 2015 at 11:58 am #169898
Victor Font
Moderator
The demo clearly states which layouts are available. If you want to use the other layouts built into the Genesis Framework, you need to remove the following code from the theme's functions.php:
```
//* Remove site layouts
genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-content-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );
```
You'll most likely have to create your own CSS to support the additional layouts since the author designed Atmosphere Pro to be minimal

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?
November 2, 2015 at 2:24 pm #169924

pdblizzard
Member

It "clearly states which layouts are available" ? I must have missed that clear statement or I would not be asking my question.

Why would I genesis_unregister what doesn't exist in the first place, on Atmosphere Pro, when I am looking to ADD layouts?

November 2, 2015 at 5:06 pm #169944

Victor Font
Moderator

The layouts are all built into the Genesis Framework. You asked how to add them back in. You add them back in by removing the code in the child theme that unregisters (removes) them. You'll have to create your own CSS for the additional layouts though or copy the css from another theme.

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

November 4, 2015 at 9:26 am #170144

Mike
Member

Hi pdblizzard,

Were you able to modify your functions.php file for the child theme? If so did you have to adjust the .site-inner padding: 10% 20%;? Just wondering how that worked for you.

Best,

Mike

November 14, 2015 at 8:55 am #171077

pdblizzard
Member

Hi Mike, thank you for commenting. 🙂

I ended up using a different theme, and just taking some of the elements that I liked about that theme (fonts pairings, etc.) and implementing it into the new theme.

I get that the designer probably wanted that simplicity baked into their theme, I appreciate that. But I wanted to customize it a bit more with my own vision and I'm not at the point yet, where I can round trip a double negative (remove the removal 😉 AND know how to tweak all the CSS necessary to make each layout respond correctly on multiple devices. With the help of a kind and encouraging community, like you, I will get there.

I was in "get it done" mode and hope to have more "teachable moments" as time goes on.
Thanks again!

November 14, 2015 at 10:17 am #171082

Mike
Member

I've definitely been in the situation you describe & am glad you were able to come up with a solution. I've found that learning the Genesis way is both challenging but extremely rewarding.

December 30, 2015 at 11:05 am #175205

sparkgaia
Member

I'm in a similar position now realising that there are no sidebars available on Atmosphere pro... darn..

Does anyone have any suggestions for code to re-add the sidebar option? I tried Victor's "remove site layouts" code but it didn't work to make sidebar options available.

pdblizzard - can I ask what similar theme you used instead?

Thanks!

December 30, 2015 at 11:17 am #175207

pdblizzard
Member

When it dawned on me that all I wanted was the typography, i.e., the fonts, I used the Genesis sample child, and did a detailed search and replace on the fonts in the style.css.

What else about the theme are you looking to implement?

January 1, 2016 at 1:37 am #175305

Brad
Member

I took a quick look and these are the basic steps you would need to take to add content/sidebar and sidebar/content back to Atmosphere Pro.

Several snippets of code would need to be removed or commented out in the functions file:

add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' );

unregister_sidebar( 'sidebar' );

genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );

You would then need to grab the entire main section of CSS labeled "Column Widths and Positions" from the Sample theme and add that back into the style.css file of Atmosphere Pro.

You would then need to adjust the CSS in the Atmosphere Pro style.css to accommodate the sidebar. This would likely involve giving content/sidebar and sidebar/content pages less padding so that you can give some decent width to the content and sidebar.

I'm guessing that you would need to set full width as your default layout and then choose content/sidebar or sidebar/content layout for specific pages.

Hope that gets you pointed in the right direction and as always do this on a copy of your theme to make sure it works first.

January 23, 2016 at 7:12 pm #177328

Tree78
Participant

Hi guys,

I know I am really late on this and I am not sure why Victor didn't just direct you to this article he wrote... maybe it was written after the fact. Either way, here are more detailed instructions....

Enable Sidebars in Atmosphere Pro

I would recommend setting up a demo site and domain to play around with it first. I followed his steps and it works perfectly for me. Here is a page and post sample... This was a demo site for me to play around with before I transferred a big current site I have over. I love Atmosphere but the lack of sidebars was definitely something I wanted to change.

http://wewriteityoureadit.com/about-2/

http://wewriteityoureadit.com/beautiful-place/

You will need to adjust the given .css code to your liking, but that article does the trick and makes every genesis sidebar option available.

January 24, 2016 at 6:51 am #177342

Victor Font
Moderator

I wrote the article as a result of this post. Thanks for referring to it @Tree78. I hope it helps.

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

January 24, 2016 at 12:51 pm #177369

Tree78
Participant

@victor. The post worked great for me man. I did it wrong the first time... I tried commenting out instead of just deleting. The second time I just deleted those sections and it worked great.

I think the most important thing to remember is that you will want to be sure to move that second piece of code to the front page php... otherwise it won't work right. People should also realize you used sidebar css from another child theme, so they can just play with the css until it displays to their liking.

Victor's post actually sets you up where you have every sidebar option Genesis offers... not just sidebar display right. Anyway man great post. I love the basic atmosphere look but I needed sidebars for certain things.
Author

Posts