sizing content blocks

Darspat

I don't understand how to get all of my pages to look uniform. On my homepage, the text at the bottom of the page is too high up, but when I change it to push it down, on all the other pages you have to scroll down to see everything. I'm really confused with this.

Hikin' Mike

A link to your site would be helpful. Put it in your signature line, and use the 'http://' so it's clickable.

Darspat

Hikin' Mike wrote: »

A link to your site would be helpful. Put it in your signature line, and use the 'http://' so it's clickable.

Sorry about that, this is the first time I have actually posted anything. Just in case the signature did not come through, it is www.dpstills.com

Hikin' Mike

Find this in your CSS:

.sm-page-widget-3548758 .sm-page-widget-content {
    margin-bottom: 0;
    margin-top: 420px;
    }

Either remove it or use 'margin:0':

.sm-page-widget-3548758 .sm-page-widget-content {
    margin:0;
    }    

That will remove all of the margins except for your HOME PAGE. Add this ONLY ON YOUR HOME PAGE:

    /* Home Page Only */
.sm-page-home .sm-page-widget-3548758 .sm-page-widget-content{
    position:absolute;
    margin:0;
    bottom:10px;
    left:0;
    right:0;
    }
.sm-page-home .sm-page-powered-by {
    position:absolute;    
    bottom:10px;
    right:10px;
    }    

Darspat

Thank you for the info...to find it in my css, where do I go? Is it customize theme? And how do I make sure I'm changing the css only on the homepage?

Darspat

Hikin' Mike wrote: »

Find this in your CSS:

.sm-page-widget-3548758 .sm-page-widget-content {
    margin-bottom: 0;
    margin-top: 420px;
    }

Either remove it or use 'margin:0':

.sm-page-widget-3548758 .sm-page-widget-content {
    margin:0;
    }    

That will remove all of the margins except for your HOME PAGE. Add this ONLY ON YOUR HOME PAGE:

    /* Home Page Only */
.sm-page-home .sm-page-widget-3548758 .sm-page-widget-content{
    position:absolute;
    margin:0;
    bottom:10px;
    left:0;
    right:0;
    }
.sm-page-home .sm-page-powered-by {
    position:absolute;    
    bottom:10px;
    right:10px;
    }    

Thank you for the info...to find it in my css, where do I go? Is it customize theme? And how do I make sure I'm changing the css only on the homepage?

Hikin' Mike

I'm going to assume you put your copyright info in a box in your footer. It's the one you added '420px' on the top margin. Set it to '0'.

Then go to your Home Page. You'll see 4 small icons. The third one will look like a wrench (Options). Click on that and you should see two tabs, 'HTML' and 'CSS'. Click on the 'CSS' tab and put this there:

 /* 
* Puts the copyright info and Smugmug credits
* on the bottom of the home page only
************************************************************** */
.sm-page-home .sm-page-widget-3548758 .sm-page-widget-content{
    position:absolute;
    margin:0;
    bottom:10px;
    left:0;
    right:0;
    }
.sm-page-home .sm-page-powered-by {
    position:absolute;    
    bottom:10px;
    right:10px;
    }

That should take care of that.

Darspat

Hikin' Mike wrote: »

I'm going to assume you put your copyright info in a box in your footer. It's the one you added '420px' on the top margin. Set it to '0'.

Then go to your Home Page. You'll see 4 small icons. The third one will look like a wrench (Options). Click on that and you should see two tabs, 'HTML' and 'CSS'. Click on the 'CSS' tab and put this there:

 /* 
* Puts the copyright info and Smugmug credits
* on the bottom of the home page only
************************************************************** */
.sm-page-home .sm-page-widget-3548758 .sm-page-widget-content{
    position:absolute;
    margin:0;
    bottom:10px;
    left:0;
    right:0;
    }
.sm-page-home .sm-page-powered-by {
    position:absolute;    
    bottom:10px;
    right:10px;
    }

That should take care of that.

Ok, One more question...when I go to my homepage, I choose customize site and there are no icons on the page. I can change content, theme, background or layout. Do I need to add a css box to my homepage? There is not one. All the text you see on my homepage are on Entire Site. The photo is attached to the background.

Hikin' Mike

Darspat wrote: »

Ok, One more question...when I go to my homepage, I choose customize site and there are no icons on the page. I can change content, theme, background or layout. Do I need to add a css box to my homepage? There is not one. All the text you see on my homepage are on Entire Site. The photo is attached to the background.

If there isn't a way to add the CSS, then either add a HTML/CSS box or put it in your theme's CSS. The CSS I gave you SHOULD only work for the home page, regardless of where you put it. That's why I added the '.sm-page-home' rule.

Darspat

Darspat wrote: »

Ok, One more question...when I go to my homepage, I choose customize site and there are no icons on the page. I can change content, theme, background or layout. Do I need to add a css box to my homepage? There is not one. All the text you see on my homepage are on Entire Site. The photo is attached to the background.

That worked great! I added a css block to my homepage. Thank you so very much for all your help! Maybe at some point I will learn enough to continue to better my website.