Copyright bar (Page 2)

[lizonbc]

Jason,

I apologize for all of my questions. My client has now changed his mind and wants the contact info and the copyright on the same line. Great. I granted that. However, it’s in the greenish footer bar above the grey copyright bar. And he wants to delete the grey copyright bar. Can we do that?

http://www.ataitec.net

Liz

Topic

[lizonbc]

Apologies. For some reason I thought the color was configured under the picture icon (like in the section), so I didn’t look there. I can now see the content on my browser. But for some reason the font seems bigger than the site font. I think it might be an optical allusion.

[Jason Bobich]

Yup, it’s the same size. All is 15px. But you could always make it smaller, if you wanted. I think you’ve got the hang of this by now 😉 …

#custom-bottom {
  font-size: 13px;
}

[lizonbc]

Thanks, Jason. But now my client has found another problem. When he decreases the screen (so that it’s a half screen) the content disappears. I tried it myself and it disappears for me too.

[Jason Bobich]

[lizonbc]

And thank you for finding this.

[lizonbc]

Another problem….

There is a chunk of white space at the bottom of every page that doesn’t have a lot of content on it, especially seen on the Events page http://www.ataitec.net/about-us/events/

Is there a fix for this?

[Jason Bobich]

That’s just what’s going to happen if the browser window is taller than the site’s container. You can change the body background if you want (which would display below the footer, outside of the site container).

[lizonbc]

And the other issue is that when you reduce the size of viewing it on the browser the sides have more white, as opposed to 100% or higher when the products fill up almost the entire page. Is that the same reason?

http://www.ataitec.net

[Jason Bobich]

This is the responsive styling of the theme, and pretty standard stuff. As you scale the window more narrow, there are certain responsive breakpoints, and when you arrive at those breakpoints, the website layout becomes more narrow to fit. You can see where all this is declared in the theme at the top of /assets/css/theme.css if you want specific breakpoints and dimensions.

[lizonbc]

I’m kind of lost here. Where do I find /assets/css/theme.css?

I looked under assets in the documentation but none of it made sense.

[Jason Bobich]

On your server, you can find all of your WordPress themes you have uploaded to your site at:

/wp-content/themes/ ...

Your Denali theme will be in a folder called “denali” :

/wp-content/themes/denali/ ...

So, if I say there’s a file in the theme, /assets/css/theme.css, you’ll find in on your server, where you have WordPress installed, at:

/wp-content/themes/denali/assets/css/theme.css

And here’s the direct link to the file on your site:

http://www.ataitec.net/wp-content/themes/denali/assets/css/theme.css

… I’m telling you that all the CSS that controls what you asked about, so you can look at it for reference. You can also see all of this from using your browser’s inspector, as well.

[lizonbc]

Thanks for sending me the file, but I’m not clear at all on how to reset the breakpoints. And maybe what you are saying is that they shouldn’t or can’t be reset?

[Jason Bobich]

Sure, it can over overridden. Like anything, you’d just override that CSS from your child theme’s style.css.

[Author]

Replies