Sidebar background

dwdivazona · August 4, 2014

I have a left sidebar with a black background that I want to extend to the bottom of every screen it is shown on. For some reason, the black background stops about half an inch above the bottom of the screen. I am using the turbo theme and I don't see anywhere to change this in the customization menus to ensure that this happens. I have not published the site yet but I would think that in the preview, it would appear the way I wanted it and it is not. How can I adjust this?

Hikin' Mike · August 4, 2014

Since you have not unveiled your site, it's really hard to help you.

I'm not using that theme, sorry.

rainforest1155 · August 12, 2014

As far as I can tell, the sidebar on the Turbo design isn't intended to go all the way to the bottom. Depending on the browser / screen size, it may get close to the bottom, but will stop short of the footer. I'm not sure if there's any CSS to have it cover the footer as well. Hopefully, someone else knows.

ChancyRat · August 12, 2014

dwdivazona wrote: »

I have a left sidebar with a black background that I want to extend to the bottom of every screen it is shown on. For some reason, the black background stops about half an inch above the bottom of the screen. I am using the turbo theme and I don't see anywhere to change this in the customization menus to ensure that this happens. I have not published the site yet but I would think that in the preview, it would appear the way I wanted it and it is not. How can I adjust this?

Do you see the "hosted by Smugmug" phrase at the bottom of your site (right side I think).
If so, that may be the answer. There is code to hide that but I don't know where to find it. Someone else may chime in.

dwdivazona · August 16, 2014

Thanks so much for the advice everyone. I have now published the site so you can see what I mean.

http://stanimalsports.com

There is a great deal of extra space at the bottom of every page below the "Hosted by SmugMug" and I don't know how to get to the HTML of the page to remove it. I have looked at all of the customization menus but I don't see anywhere to adjust this. Someone mentioned above that the Turbo theme doesn't allow for the menu to reach the bottom of the screen but it seems that I have seen sites around this forum that use the same theme and the sidebar is seamless. What am I missing??

ChancyRat · August 16, 2014

dwdivazona wrote: »

Thanks so much for the advice everyone. I have now published the site so you can see what I mean.

http://stanimalsports.com

There is a great deal of extra space at the bottom of every page below the "Hosted by SmugMug" and I don't know how to get to the HTML of the page to remove it. I have looked at all of the customization menus but I don't see anywhere to adjust this. Someone mentioned above that the Turbo theme doesn't allow for the menu to reach the bottom of the screen but it seems that I have seen sites around this forum that use the same theme and the sidebar is seamless. What am I missing??

I'm pretty sure the solution is to hide the "powered by SM". My site uses Turbo, I hide the phrase, and my left side sidebar goes all the way to the bottom.

Hikin' Mike · August 17, 2014

ChancyRat wrote: »

I'm pretty sure the solution is to hide the "powered by SM". My site uses Turbo, I hide the phrase, and my left side sidebar goes all the way to the bottom.

That isn't the problem.

To the OP, you set these both in red to '0' in those two widgets:

.sm-page-widget-7370488 .sm-page-widget-content {
    margin-bottom: [COLOR=Red]24[/COLOR]px;
    }
.sm-page-widget-7370487 .sm-page-widget-content {
    margin-bottom: [COLOR=Red]300[/COLOR]px;
    }

You can remove the Smugmug stuff, but I don't think that's going to remove the extra space.

.sm-page-powered-by a {
    display: none;
    }

dwdivazona · August 17, 2014

Hikin' Mike, you are the man! Thank you so much. It did the trick!

Hikin' Mike · August 17, 2014

dwdivazona wrote: »

Hikin' Mike, you are the man! Thank you so much. It did the trick!

Glad it worked.

Dupont24 · August 18, 2014

Hikin' Mike wrote: »
That isn't the problem.

To the OP, you set these both in red to '0' in those two widgets:
.sm-page-widget-7370488 .sm-page-widget-content {
    margin-bottom: [COLOR=Red]24[/COLOR]px;
    }
.sm-page-widget-7370487 .sm-page-widget-content {
    margin-bottom: [COLOR=Red]300[/COLOR]px;
    }    
You can remove the Smugmug stuff, but I don't think that's going to remove the extra space.
.sm-page-powered-by a {
    display: none;
    }

Where do I add this code to and which one. You have two of them.

Hikin' Mike · August 18, 2014

Dupont24 wrote: »

Where do I add this code to and which one. You have two of them.

That's for his issue, not yours.

LensTripping · September 22, 2014

Hello...I'm really sorry to hijack someone else's post, but I am currently going through a trial and chose Turbo for the fact that in the little thumbnail the sidebar goes the full height of the screen. However, in reality it doesn't (no matter what browser I use)...it stops at the hard coded area for the footer section. So I switched to Dina and the same problem. I asked the SmugMug team and they said that there is no theme where the sidebar goes the full height of the page....so I started doing some digging here and found this post. Where do I go to make these code changes to the theme? If I can find a fix to the sidebar issue I might be able to focus on playing with more of my trial, but this whole sidebar issue bugs me to no end....some OCD must be kicking in.

Hikin' Mike · September 23, 2014

LensTripping wrote: »

Hello...I'm really sorry to hijack someone else's post, but I am currently going through a trial and chose Turbo for the fact that in the little thumbnail the sidebar goes the full height of the screen. However, in reality it doesn't (no matter what browser I use)...it stops at the hard coded area for the footer section. So I switched to Dina and the same problem. I asked the SmugMug team and they said that there is no theme where the sidebar goes the full height of the page....so I started doing some digging here and found this post. Where do I go to make these code changes to the theme? If I can find a fix to the sidebar issue I might be able to focus on playing with more of my trial, but this whole sidebar issue bugs me to no end....some OCD must be kicking in.

Without seeing your site, I can only guess. For your question, go to:

'Customize > Customize Site > Entire Site > Theme > "Wrench Icon" > Advance". Go to the bottom and click 'CSS > Edit'. Put the code there.

LensTripping · September 30, 2014

Hikin' Mike wrote: »

Without seeing your site, I can only guess. For your question, go to:

'Customize > Customize Site > Entire Site > Theme > "Wrench Icon" > Advance". Go to the bottom and click 'CSS > Edit'. Put the code there.

Sorry for the delay Hikin' Mike, but thank you for the response. Unfortunately when I put the sidebar code into my CSS code area it doesn't change anything for the length of my sidebar. :nono

My test site is http://test-site.smugmug.com

Julie

Sidebar background

Comments