This topic has 8 replies, 2 voices, and was last updated 10 years by sharmstr.

  • Author
  • #31008
     Fred
    Participant

    Hi,

    Thanks for taking the time to read. I am trying to do two things:

    1) I want to set the height of the theme to 100% so that it takes up the whole screen

    2) I want to make the widget titles bold

    I have tried various CSS code, this is what I’ve got at the moment but I either get nothing, or things go wrong.

    COPY CODE
    html{
      height: 100%;
    }
    body {
      min-height: 100%;
    }
    
    #widget-title
    {
      font-weight:bold;
    }

    If you can point me in the right direction I would very much appreciate it.

    #31009
     sharmstr
    Moderator

    widget-title is a class, not an ID. So instead of a hash in front of it, it needs to be a period

    COPY CODE
    
    
    .widget-title
    
    

    For the height, are you saying you want the browser to be in fullscreen mode?

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #31011
     Fred
    Participant
    This reply has been set as private.
    #31013
     sharmstr
    Moderator

    I’m not support. If you’d like me to help, I cant see private messages. 🙁

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #31014
     Fred
    Participant

    Oops, sorry. That’s very kind of you. Thanks for the widget info.

    I have attached an image. My client says he wants there to be no white space under the footer area, so the theme would need to be 100% in height?

    Attachments:
    You must be logged in to view attached files.
    #31017
     sharmstr
    Moderator

    Maybe someone knows a solution. But that white space will only happen if there isn’t enough content which shouldn’t happen on many pages. You cant set body to 100% to achieve what you want. You have to stretch the container. You could possibly set the container to a minimum height, but you have no idea what the height should be for every given user. The other option might be to change the body background-color to black.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

    #31036
     Fred
    Participant

    Yes that’s what I tried to explain to my client… but he really wants the white space gone!

    How do I use CSS to set the body to 100% ? I have tried a few different codes like the one above but I can’t seem to figure it out.

    Thanks so much for your help

    #31038
     Fred
    Participant

    Oh, I misread. You said it can’t be done that way.

    I will speak to my client again and see if I can talk him out of it, because it does seem unnecessary.

    #31039
     sharmstr
    Moderator

    🙂 Add more things to the side bar. That will make the page longer and get rid of the whitespace.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Viewing 9 posts - 1 through 9 (of 9 total)

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?