[Tree78]

Yeah, all of that was set in place and correct a year ago when it was installed. It only started doing this recently....

[Tree78]

Thank you Foxy. That worked perfectly. I appreciate it.

[Tree78]

Nice! That works. Thank you Davinder! Appreciated.

[Tree78]

I resubmitted it, refresh your browser and see if you can see the code.

And yes, depending on which way you want to do it. You can delete the title area of that widget, then put the image in and underneath that write the title in HTML and go from there. I may not be understanding correctly what you want though. There are some very helpful posts here as well...

https://sridharkatakam.com/tag/altitude-pro/

[Tree78]

Hi Phillip,

You already have a text widget in that area that is showing your text. Within that widget put the source code to pull the image you want in there... Here is that code:

<img src="imageURLlinkhere" />

That will pull the picture in there. Use html to space it and place it where you want.

[Tree78]

Christoph. Okay great thank you. That isn't speaking of the Genesis auto updates correct? Simply an actual new update of the child theme itself?

Also, I was going to write the code or start playing with it myself but I just one last search. I used directions that were created from a post that Victor Font wrote...

Enable Sidebars in Atmosphere Pro

It was the only one I found online that worked properly. I don't want to take credit for anything I didn't do, so that is the post.

I will say this.... Victor says you can "comment out" section 2... but I found it was easier to just delete that section of php code in functions php and move it to the front page php. That way it gets rid of it there but allows the front page to remain a full width setup if you want it, or choose a sidebar option.

Also, he sues .css styling from another genesis child theme, so you will need to go into the code and mess with the width to get it to display to your liking.

Anyway, good stuff. Thank you for the help.

[Tree78]

@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.

[Tree78]

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.

[Tree78]

Hi Again Cristoph...

Okay, so what I did what created a demo site and uploaded Atmosphere... then I deleted some php functions and followed a few more steps, including adding css that now lets me choose all sidebar options genesis has within it's code...

Here is the page I am playing with....

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

I am on the right track. Can you tell me... will these changes in front page php, functions.php and the css stylesheet remain in tact during future wordpress and/genesis updates?

Thanks again for the time man. Just trying to get it all locked in properly before transitioning the site.

Jeremy

[Tree78]

Hmmm,

Okay, so no simpler option to add sidebars to it huh? Okay thank you, I appreciate the input.

[Tree78]

Hi Cristoph,

Sorry, my mistake. I meant the Atmosphere Theme, not Altitude. Same question, but in regards to Atmosphere Pro theme. Thank you.

Jeremy

[Tree78]

Hi Chrsitoph. Sorry, I should have been more clear.

Victor, thank you, that is actually exactly what I was looking for. I appreciate both your responses.

[Tree78]

Thank you Erin!

[Tree78]

Hi Ginger,

lol sorry about that... I am a mess. Okay, I fixed all of that, I also adjusted the padding to bring the whitespace up so the banner fills.

So... Is there no way for me to take the banner all the way across... if you notice at the width of 1200 there is still blue space on both sides. I can make that white, but I would rather the banner show across. Is there a couple steps for that or would I have to adjust a lot of things including mobile settings?

Again Ginger, thank you for all your help... not sure why I am having so much trouble with the new theme.

Jeremy

[Tree78]

Okay Ginger, lol. Getting closer. Here is what I have.... and if you view the site you can see what it is doing and I am not sure how to fix that. I am trying to screen the logo banner across the entire space at the top. My logo banner dimensions are 1630 X 232. Below is what the css file reads right now and after that what the functions.php reads.

I am close, but I am still off. Here is the site link so you can see what it looks like:

http://www.hawaiivahomeloans.com/

Here is what the code reads... but I am still not spaced properly.... Thank you for your help in advance. Current code:

CSS

/* ## Title Area
--------------------------------------------- */

.title-area {
float: center;
padding: 16px 0;
width: 1630px;
}

.header-image .title-area {
padding: 0;
}

.site-title {
font-family: 'Roboto Condensed', sans-serif;
font-size: 24px;
font-size: 2.4rem;
font-weight: 300;
letter-spacing: 2px;
line-height: 1.2;
margin-bottom: 0;
text-transform: uppercase;
}

.site-title a,
.site-title a:focus,
.site-title a:hover {
color: #222;
text-decoration: none;
}

.header-image .site-title > a {
float: left;
min-height: 232px;
width: 100%;
}

.site-header .site-description {
display: none;
}

.header-image .site-title {
display: block;
text-indent: -9999px;
}

PHP

//* Add support for custom header
add_theme_support( 'custom-header', array(
'flex-height' => true,
'width' => 1630,
'height' => 232,
'header-selector' => '.site-title a',
'header-text' => false,
) );

[Tree78]

So what is it I am missing? I still can't get it to work. Thank you.

[Tree78]

Thank you Brad, that worked perfectly. I appreciate it.

Jeremy

[Tree78]

Hi Ginger. I had originally done that, but the current 400px I extended it to was as far as I could get it. Even if I extend to 960 right now it gets cut off. Is there something I am missing? Do I need to delete the right side menu that is there?

Thank you. Jeremy

[Tree78]

Ginger,

Thank you very much, you have been very helpful. The video was perfect as were your instructions. I will jump on and make these changes. I appreciate your help.

Jeremy

[Tree78]

Hi Ginger,

Thanks so much for the help. Just so I am clear... I copy from line 249 until the end of the share.css file into the style.css file? Then do I just change the color hexes from there and what not? Or do I need to then copy the original snippet of code I showed you in after all that?

I just want to make sure I do it right. Does the share.css code copied into the style.css take the place of the code I originally gave you? Thanks again in advance.

Jeremy

[Author]

Posts