Forums

[resolved] Add Space Build Theme Footer (22 posts)

  1. actiongirl12
    Member
    Posted 8 months ago #

    Hello,
    On my blogsite : http://itsawanderfullife.com/ if you look down at the bottom of the homepage (in the footer area) you will see it says:

    0 comments on this article in cecily, PA on August 31st, 2011
    Previous entries

    they are right on top of each other and i'd like to add a space inbetween them. Please advise!
    Thanks

  2. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Try adding:

    .post {margin-bottom:20px;}

    to your theme's style.css file.

  3. actiongirl12
    Member
    Posted 8 months ago #

    where in the style.css?

  4. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    The bottom of the file would be the best place.

  5. actiongirl12
    Member
    Posted 8 months ago #

    hmm that doesnt seem to be working

  6. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    I can't see that CSS in your stylesheet.

  7. actiongirl12
    Member
    Posted 8 months ago #

    it didnt work so i deleted it

  8. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    I can't verify whether it has worked or not unless you leave it there...

  9. actiongirl12
    Member
    Posted 8 months ago #

    Ok esmi ive left it there now

  10. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Then you're not adding it correctly as it is still not showing up on your CSS on the site.

  11. actiongirl12
    Member
    Posted 8 months ago #

    Ok then will you please give me explicit directions on how to add it correctly? all I know about this I have taught myself, and I am rather new at this so instructions would be great.

  12. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Add the line I posted above to the bottom of your theme's stylesheet - style.css. It must be copied over exactly.

  13. actiongirl12
    Member
    Posted 8 months ago #

    This is what the footer looks like right now:

    /* 7. FOOTER
    ------------*/

    #site-footer {
    clear: both;
    line-height: 20px !important;
    padding: 5em 3.375em 0 3.375em;
    font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
    }

    #site-footer small {
    font-size: 5.833em;
    line-height: 20px ;
    .post {margin-bottom:20px;}

    It this correct or wrong?

  14. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    No - it should be:

    #site-footer small {
    font-size: 5.833em;
    line-height: 20px ;
    }
    .post {margin-bottom:20px;}
  15. actiongirl12
    Member
    Posted 8 months ago #

    Ok I did that, but it hasn't made a visible change.

  16. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    There are errors in your stylesheet that are probably stopping everything else after the error from working.

  17. actiongirl12
    Member
    Posted 8 months ago #

    how do i fix them?

  18. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Try changing:

    /* 7. FOOTER
    ------------*/
    #site-footer {
    	clear: both;
    	line-height: 20px !important;
    	padding: 5em 3.375em 0 3.375em;
    	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
    }
    #site-footer small {
    font-size: 5.833em;
    line-height: 20px ;
    }
    .post {margin-bottom:20px;}

    to:

    /* 7. FOOTER ------------*/
    #site-footer {
    	clear: both;
    	line-height: 20px !important;
    	padding: 5em 3.375em 0 3.375em;
    	font-family: arial, helvetica, 'lucida grande', 'lucida sans unicode', verdana, sans-serif;
    }
    #site-footer small {
    font-size: 5.833em;
    line-height: 20px ;
    }
    .post {margin-bottom:20px;}
  19. actiongirl12
    Member
    Posted 8 months ago #

    I did that esmi, but i'm still not seeing a change. I am really sorry if I am bugging you I just really don't know what to do.

  20. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    Got it!. It's immediately before that block. Change:

    #calendar_wrap {
    		text-align:center;
    
    /* 7. FOOTER ------------*/

    to:

    #calendar_wrap {
    		text-align:center;
    }	
    
    /* 7. FOOTER ------------*/
  21. actiongirl12
    Member
    Posted 8 months ago #

    THANK YOU ESMI! This is the second time you have helped me with a problem. Its fixed now....thank you soooooo much!

  22. esmi
    Theme Diva & Forum Moderator
    Posted 8 months ago #

    You're very welcome :-)

Reply

You must log in to post.

About this Topic