Tagged: 

Viewing 20 posts - 1 through 20 (of 34 total)
  • Author
    Posts
  • #11172
    mohossain
    Member

    Hi everyone,

    I am using the Footer Area One, Two, and Three. But there are way too much space between the end of my site and the slideshow images. I essentially want to remove the original footer and use this instead, because it’s fluid with the rest of the site.

    My website: http://cinderellabridalandflowers.com

    Thank you in advance!
    Mo

    #11192
    Sakin
    Keymaster

    @mohossain: You can reduce the padding top of the footer widget area so that it will be close to slide. You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    #supplementary {
        padding-top: 50px;
    }
    #11195
    mohossain
    Member

    Thanks Sakin!

    I used the code:
    #supplementary { padding: 0px; }

    It removes the padding from top only though. I still have some kind of space at the bottom. Can’t seem to get rid of it.

    #11204
    mohossain
    Member

    This was related to the widget actually. I was able to resolve it after researching around a bit.
    This code removes the extra space at the bottom of the widgets, if anyone needs is in the future:
    #supplementary aside { margin-bottom: 0px; }

    Thanks again, @Sakin.

    #14220
    Lorena
    Participant

    Hello,

    I have two quesitons:
    1. I’m trying to remove the space between the footer and the three images on top of it. I used the two codes that both of you wrote above, but it didn’t work ??!! I copied those codes and pasted them in the Custom CSS box. Is that Ok?

    2. I also want to change the footer image for the green image that right now you can see in the slider. How can I do that?
    You can see it at: http://www.tulegacy.org

    I REALLY will appreciater your help, since I don’t really know what I’m doing!

    Lore

    #14221
    Sakin
    Keymaster

    @Lorena Poling:
    1. I’m trying to remove the space between the footer and the three images on top of it. I used the two codes that both of you wrote above, but it didn’t work ??!! I copied those codes and pasted them in the Custom CSS box. Is that Ok?
    — It’s not the css issues but you have added static front page from “Settings => Reading”. That page you have added in in empty. That is why it is showing so much of space.

    2. I also want to change the footer image for the green image that right now you can see in the slider. How can I do that?
    — Try adding in the css from http://pastebin.com/35rAUUGW in “Appearance => Theme Options => Custom CSS” box.

    #14253
    Lorena
    Participant

    Hello Sakin,

    Thank you for your fast answer!
    1. I checked; Settings => Reading and I saw that it’s shows empty because I deleted the “Home” title for that page, since it shows the word “Home” after the three pictures and I don’t want it there. I left it there for you to see it.
    What should I do about it so I can get rid of that space and the word “Home”?

    2. I copied the code that you gave me and it just made the footer clear, but the image that I need, didn’t appear…did I do anything wrong?

    Thank you SO MUCH for your help…I’m just learning and trying to understand how this works!

    #14262
    Sakin
    Keymaster

    @Lorena Poling:
    1. If you don’t nee anything to display then why do you enable home page in “Settings => Readings”. You can just leave the default of “Your latest posts” and if the homepage display the latest posts then you can disable it from “Appearance => Theme Options => Homepage Settings => Homepage/Frontpage Settings”. “Uncheck Enable Latest Posts or Page”

    2. The image http://www.tulegacy.org/wp-content/uploads/2013/07/piedepagina.jpg is too large and heavy. That is why it is not loading. Make that image width maximum of 1140px.

    #14376
    Lorena
    Participant

    Hello!

    1. Thank you for your advise….I left it as the default.
    2. I got a smaller image and I don’t really know how to integrate the image into the code that you gave me. When I open the image it shows this “permalink”or attachment page (which I don’t really know what it is or why is needed), but maybe you can help me create the code with it, please?

    http://www.tulegacy.org/?attachment_id=145

    I tried to put it in the code that you gave me and the footer disapeared!
    Thanks again for all your help!

    #14377
    Lorena
    Participant

    One more thing…I think the footer is a little too small. I need it to use the whole page with. Is it too small?

    #14409
    Sakin
    Keymaster

    @Lorena Poling: This is not your image url http://www.tulegacy.org/?attachment_id=145. This is just attachment url and it will not work. The image url will be as below
    http://www.tulegacy.org/wp-content/uploads/2013/09/footer.jpg
    Yes your footer image is small. Try uploading the image of 1140px.

    #14787
    Lorena
    Participant

    Hello again!
    I think I got the right image size for the footer.
    How can I convert it as the code that you wrote above (an image url).
    I uploaded the image in the media but I don’t know how to make it an URL.

    Thank you so much for your help and patience! 🙂

    #14795
    Sakin
    Keymaster

    @Lorena Poling: You can find the image URL from “Media => Library”. Then click on the image for which you want to find the URL. Then it will open your image in “Edit Media” screen, where you will see “File URL” in right sidebar.

    #14932
    Lorena
    Participant

    Hello Sakin,
    I found the File URL and I pasted the link into the css code that you previously gave me. Now it shows just a little part of the footer image. Can you please help me fix it? I probably will have to make it a little smaller, since for what I can see in the footer, it will probably will look too big now! Any advise?
    Take care and thanks! 🙂

    #14933
    Lorena
    Participant

    I also have two more questions for the Home page:

    1. I entered the following text (in green) in the home page:
    TU LEGACY will bring together people that care and are willing to donate to build a Legacy that will continue for many generations, helping kids, teenagers, families or elderly and give them the tools to succeed in their journey and dreams.

    It didn’t show and then I tried by doing going to Theme options, Homepage Subheadline Headline.
    I see it now, but I cannot change the text color and besides, it is in a rectangle.
    Could I just write the text in going to the wordpress editor at the Home page since it gaves me the advantage of using the font and color that I want.

    2. I changed the buttons by going to Homepage Featured Content. I entered some titles but I wonder if I can center them. The last title that is “Elderly Care” is not centered. Is it a way to do it?

    Thank you again!

    #14934
    Lorena
    Participant

    I also found that my Home page is having a conflict, since when I select “home” it goes to About Us. Can you also tell me what I did wrong with the home page?

    A lot of questions, but I REALLY need to get this starte ASAP!! 🙂
    Take care!

    #14939
    Sakin
    Keymaster

    @Lorena Poling: Lot of confusing questions.
    1. About your menu. You can actually build your own custom through “Appearance => Menus”. See this http://catchthemes.com/blog/custom-menus-wordpress-themes/
    2. To make the heading of Homepage Featured Content center. You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

    #featured-post .entry-header {
        text-align: center;
    }

    But your image is smaller in width. This is why after center it will look odd. With that image width you need to add 4 featured content or just increase the size of the image width to about 390px
    3. About the headline, I don’t get it what you mean. Can you explain please.

    #15047
    Lorena
    Participant

    Sorry about all the confusing questions. Let me start over with the unresolved issues:

    1. Footer:
    I resized the footer (1140 x 250 pixels) and I pasted the link into the css code that you previously gave me:

    #site-generator {
    background: url(“http://www.tulegacy.org/wp-content/uploads/2013/09/TU-footer-1140.jpg”) no-repeat scroll 0 0 transparent;
    }

    Now it shows just a little part of the footer image. Can you please help me fix it? I probably will have to make it still a little smaller, since for what I can see in the footer right now, it will probably will look too big now! Any advise?

    Thank you!

    #15050
    Lorena
    Participant

    Next question:

    I wrote the following text in the Home page Editor:
    “TU LEGACY will bring together people that care and are willing to donate to build a Legacy that will continue for many generations, helping kids, teenagers, families or elderly and give them the tools to succeed in their journey and dreams.”

    Then I updated the home page and checked the website to see the changes and the text is there, but the three images on the Homepage Featured Content don’t show.(Theme Options, Homepage Featured Content).
    Then I “clicked” on the Home top menu, and then the text disapears and the three images in Homepage Featured Content appear (??!! This is confusing!!).

    How can I make the text show before the three buttons of Homepage Featured Content?

    I hope my question is more clear…if not…please let me know and I’ll try again.
    Thank you for your help and patience! 🙂

    #15077
    Sakin
    Keymaster

    @Lorena Poling: Sorry can you upload the screenshot of what you want?

Viewing 20 posts - 1 through 20 (of 34 total)
  • The topic ‘Remove footer area space’ is closed to new replies.