Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Remove the overflow on your <html>
element.
Thread Starter
royseb
(@royseb)
Wow, thanks for the quickly respond!
Sorry, can you be little bit more descriptive about overflow <HTML> element ?
Thanks,
Sebastien
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Do you have a section in the dashboard for making custom CSS changes (other than the theme’s files), or are you using a Child Theme?
Thread Starter
royseb
(@royseb)
I do have a section in the dashboard but its for the theme files…
I think is a child theme: (original theme black-with-orange)…
The child theme concept is a little bit obvious to me for now.
I must read the doc!
Sorry, for now, I must leave…
I’ll come back tomorrow to work!
Thanks
Andrew Nevins
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If it’s just a CSS change you want to make, you can do so through this Custom CSS Manager plugin.
Then, within that plugin’s allocated section of the dashboard, enter this;
html {
height: 100%;
}
(Notice that I’ve changed my original suggestion)
Thread Starter
royseb
(@royseb)
Hi, in respond to Andrew Nevins…
First, after read the doc, I can confirm that’s not a child theme.
Also, I’ll keep your suggestion about Custom CSS Manager plugin and the html { height: 100%;} inside.
Perhaps I’m wrong but, I would have a good and clean CSS before try your last solution.
Thanks
Thread Starter
royseb
(@royseb)
Footer CSS looks like…
.footer {background: #DD4814;}
.footer>div {overflow: hidden; width: 960px; margin: 0 auto; padding: 5px 0;}
.footer p {margin: 0; color: #fff; font-size: 0.917em; line-height: 1.75em; text-align: center;}
.footer p.powered {font-size: 0.833em;}
.footer p.powered a {color: #fff;}
.footer p.powered a:hover {color: #fff;}
.footer ul {display: block; width: 960px; text-align: center;}
.footer ul li {display: inline; margin: 0; padding: 0 5px; border-left: 1px solid #fff;}
.footer ul li:first-child {border-left: none;}
.footer ul a {color: #fff;}
.footer ul a:hover {color: #fff;}
.footer ul ul {display: none;}
[Moderator note: Please wrap all code in backticks]
Thread Starter
royseb
(@royseb)
Hi,
That was a bad CSS.
Thanks, topic resolved.