Home Forums Total Changing Logo / Header Size

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1266
    whiterabbit7844
    Participant

    Hi,

    Just found your theme today. Kind of on the fence about it. In once sense, it’s pretty cool that it’s dead simple to set up, not a lot of knobs to twist. Unfortunately, at the same time, there’s not a lot of knobs to twist, so if you run into a problem, from what I can tell on this board, you’re kind of SOL.

    I may have run into such a problem. I need to be able to make my logo (and, respectively, my header) at least 150px high. Preferably even closer to 200px would be nice.

    Possible? Or am I about to find myself in pursuit of another theme?

    Thank you for your time,

    Michael

    #1268
    nguyen4514
    Participant

    If you are willing to dive into the main css file, you can adjust the size of the header. I increased the header size to 110px. I didn’t have a large logo. I just thought that a slightly larger header size looked better on mobile devices.

    #ht-masthead{
    border-top: 4px solid #FFC107;
    background: #FFF;
    height: 110px; <——— changed this
    border-bottom: 1px solid #F1F1F1;
    z-index: 99;
    transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    }

    #1278
    Hash
    Keymaster

    @nguyen4514 thanks for the help.


    @whiterabbit7844
    the above CSS should help you the increase the header height.

    #2984
    jarobert
    Participant

    Hi. I want to change the header height, but I can´t find #ht-masthead anywhere in the style.css. What is the name of the style sheet?

    And I want to change the link colors ect. but nothing happens, when I change the colors in Style.css?

    #3022
    MatiasP
    Participant

    @jarobert

    You can just paste the piece of code @nguyen4514 shared in the “Additional CSS” section on the WordPress Live Customizer.

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.