Tagged: alyeska, bottom, footer, issue, space

Space issue Alyeska footer

Creator

Topic
June 11, 2014 at 10:04 am #17342

milleottani
Member

Hello,
i’ve a problem in my site, there’s too much space over the footer in every page.
How can i reduce it?
I’ve tried with css customization

#bottom #footer_content .footer_content-inner {
padding: 0px;
}

but nothing chanced… Please help.

Here an image of the space over the footer
http://s14.postimg.org/skztnf5up/space.jpg

Thanks!
M-
Creator

Topic

alyeska, bottom, footer, issue, space

Viewing 12 replies - 1 through 12 (of 12 total)

Author

Replies
June 11, 2014 at 4:53 pm #17344

Jason Bobich
Keymaster

Hello,

Please provide a live link to the site and I can point you in the right direction with your customization.

June 12, 2014 at 9:31 am #17353

milleottani
Member

Here the site http://www.colorobbia.com/colorobbia-lang-it
Thanks!

June 12, 2014 at 6:11 pm #17356
Jason Bobich
Keymaster
For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme‘s style.css or in the “Custom CSS” option on your theme options page.

In this case, just skimming through with the inspector (I’m using Google Chrome’s dev tools), and sliding my mouse through the tree of HTML elements, here’s are some areas I have found that you could customize from your Custom CSS to reduce spacing in that area.
```
/* The last element of your homepage layout */
.last-element {
	padding-bottom: 0;
}

/* The footer throughout the entire site. */
#footer_sub_content .copyright {
	padding-top: 0;
}
```
Also, here’s a helpful tutorial on how to use Firebug – http://vimeo.com/20917974. The only thing I’d suggest not doing is actually making edits to the theme’s CSS files, as it shows at the end of that video. However, the video serves as a good introduction to Firebug and how it can be used to find what CSS is effecting certain areas of your site without ever digging around in any files.
June 12, 2014 at 11:32 pm #17367

milleottani
Member

i put the code in the Custom CSS but nothin has changed
Space over between the slider and the footer is too much here http://www.colorobbia.com/colorobbia-lang-it/home-3/
How can i do?
Thanks!

M-

PS: I use dreamweaver and chrome HTML

June 13, 2014 at 12:45 am #17368
Jason Bobich
Keymaster
You’ve got weird spacing on that page because custom layouts are not designed to have content in the featured area, but not in the main content area. So, you basically have a blank main content area. But I understand that you’re doing it because you’re specifically using the featured area so you can have the slider stretch full width, with that customization you’ve made.

In the above, you could change that declaration to have !important so it overrides everywhere.
```
.last-element {
	padding-bottom: 0 !important;
}
```
And then also just hide the #main all together for that custom layout, specifically. On the <body> tag, you’ll find a lot of useful CSS classes you can use to style specific pages.
```
.custom-layout-home-3 #main {
	display: none;
}
```
June 13, 2014 at 9:17 am #17372

milleottani
Member

I use this now but it still not working…

.last-element {
padding-bottom: 0 !important;
}

#footer_sub_content .copyright {
padding-top: 0;
}

.custom-layout-home-3 #main {
display: none;
}

June 13, 2014 at 9:19 am #17373

milleottani
Member

This is my home-3 builder
http://postimg.org/image/4f9apirpn/

June 13, 2014 at 8:10 pm #17376

Jason Bobich
Keymaster

You’ve got a typo in your CSS that’s breaking everything below it.

June 15, 2014 at 11:06 pm #17381

milleottani
Member

Thankyou very much!

June 15, 2014 at 11:15 pm #17382

milleottani
Member

I’ve the last question 🙂
how can i center the copyright text in the footer?

(c) 2014 Colorobbia Holding S.p.A – P.IVA/C.F. IT-01847510482 – R.E.A FI 340991 | Company Information | Privacy | Note Legali | Informazioni sui cookie)

Now is aligned to left!
Thank you!!!
M-

June 17, 2014 at 2:27 am #17387

Jason Bobich
Keymaster

Yes, the <span> that holds the copyright text is currently floated left. You’d want to remove the float, display it as a block-level element, and then center the text.

We’ve talked a bit about CSS changes now. Using one of the inspectors we’ve talked about, what do you think you’d use for a selector in targeting this area?

And then how might you incorporate the following CSS properties with that selector?

http://www.w3schools.com/cssref/pr_class_float.asp

http://www.w3schools.com/cssref/pr_class_display.asp

http://www.w3schools.com/cssref/pr_text_text-align.asp

June 17, 2014 at 8:37 am #17392

milleottani
Member

Thankyou! It works!

#footer_sub_content
.copyright
.text {
float: center;
}
Author

Replies

Viewing 12 replies - 1 through 12 (of 12 total)

The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.