Remove footer area space

Tagged: footer

This topic has 33 replies, 3 voices, and was last updated 11 years ago by Sakin.

Viewing 20 posts - 1 through 20 (of 34 total)

1 2 →

Author

Posts
June 28, 2013 at 7:03 pm #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

June 29, 2013 at 12:09 am #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;
}
```
June 29, 2013 at 12:19 am #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.

June 29, 2013 at 5:23 am #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.

September 7, 2013 at 5:05 am #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

September 7, 2013 at 11:45 am #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.

September 8, 2013 at 10:30 am #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!

September 8, 2013 at 11:08 pm #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.

September 11, 2013 at 3:55 am #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!

September 11, 2013 at 4:02 am #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?

September 12, 2013 at 12:19 am #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.

September 20, 2013 at 4:10 am #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! 🙂

September 20, 2013 at 11:54 am #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.

September 23, 2013 at 2:41 am #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! 🙂

September 23, 2013 at 3:22 am #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!

September 23, 2013 at 3:31 am #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!

September 23, 2013 at 8:23 am #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.
September 25, 2013 at 3:20 am #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!

September 25, 2013 at 5:10 am #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! 🙂

September 26, 2013 at 12:36 am #15077

Sakin
Keymaster

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

Posts