Text/background color and footer location

  • I have a couple of questions. I am working on a web site for my band using the Harmonic theme, which seems to work quite well for what I want. I haven’t fully explored the static front page options, and I might at some point, but for right now I’m just leaving the blog on the front page (I’m not actually sure how to put them on a separate page, but I’m sure I could figure it out). Here are the problems I have having:

    1) I think I have figured out how to change the title text colors, but it doesn’t seem to work right. I have Jetpack installed, so I went to the CSS editor and added .page-title a {color: #ccc;} and .entry-title a {color: #ccc;} but when I do it that way, it doesn’t change the page title color. If instead I combine them to .entry-title, .page-title a {color: #ccc;}, then the page titles change, but not the blog entry titles. So currently, I have that combined code PLUS another copy of the .entry-title code and that seems to be working, but it seems to me that I shouldn’t have to do that. I’m not sure what’s going on, though, admittedly, I am quite new to CSS.

    2) At the moment, having light colored text works fine, but ultimately I think I would like to have a light, semi-transparent background behind just the page/post content. My reading indicates that this would need to be done with RGB colors instead of 3-digit hex, but I’m not sure how to proceed beyond that.

    3) This is really bothering me. On my shorter pages, the About and Music pages, the footer is halfway up the screen and looks really bad. How do I get it to stay at the bottom (other than just adding more text)?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter thebigcheese

    (@thebigcheese)

    Actually, a quick update. I discovered that the .page-content, .entry-content, and .entry-overview classes are used to define, surprise, the content of their respective page types and thus can be used to define the background color and text color. However, when I define the background color here, it only fills a space big enough for the text on screen, which looks rather odd. Is there a way to extend it so that it is, say, a fixed percentage of the total page height? And perhaps has some extra padding around the text?

    And I suppose I should have mentioned that the web site in question is gunbladex.com.

    • This reply was modified 8 years, 5 months ago by thebigcheese.
    Thread Starter thebigcheese

    (@thebigcheese)

    OH! I am dumb. It was because I was specifying a LINK color in one and not in the other. I have figured it out now. And someone in another thread helped with the background, so that is now also good. Can someone please elaborate on the footer aspect? That is the one remaining thing I don’t know how to deal with.

    Hi there,

    3) This is really bothering me. On my shorter pages, the About and Music pages, the footer is halfway up the screen and looks really bad. How do I get it to stay at the bottom (other than just adding more text)?

    Is this still an issue? I’m not able to replicate when visiting those pages in Chrome.

    Could you let me know what browser you’re viewing your site in and, also, if you can replicate across other browsers?

    Thanks!

    Thread Starter thebigcheese

    (@thebigcheese)

    So… Since I have updated the background box to be a percentage of the page height, it seems to be less of a problem. It was happening on all browsers, though I suspect you need at least a 1080 vertical resolution for it to be a problem. Since I do not have a 4k monitor, I have no way of testing it at higher resolutions. I can remove the padding if you would like to see it.

    Thank you for clarifying! I was able to replicate after a bit of testing and will get this reported back to the team.

    I’ll post back here when I hear back.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text/background color and footer location’ is closed to new replies.