Okay
  Public Ticket #296655
Logo not contained
Closed

Comments

  • eva started the conversation
    October 8, 2014 at 7:52am

    Hello,

    I just installed and activated the theme. I used the theme customization to put in the logo but it doesn't get contained by the header. Does it just need to be smaller? I'm not sure what the deal is. Please advise.

  •  295
    Paul replied
    October 9, 2014 at 7:53am

    Hi Eva,

    Yes, it looks like the logo size is a bit too big. You can force it to be smaller using CSS. Please go to "Style Customizer > Others > Custom CSS" and try using this:

    #logo {
    max-height: 150px;
    max-width: 180px;
}
@media only screen and (max-width: 959px) {
    #logo {
        margin: auto;
    }
}

    This should help. :)

    In case you would like to use custom CSS for other elements, I would recommend "Developer Tools" on Chrome or "Firebug" on Firefox to inspect the elements on the page. Then you can know which CSS selector to adjust.

    Regards,
    Paul

  • eva replied
    October 10, 2014 at 9:42pm

    Thanks, Paul! I did adjust it like that and I do have the developer's tools. I have two other questions for you:

    1) Is there any reason there is so much padding below the image to the bottom of the header?

    2) There is a lot of space in between the header and the Video/Philosophy row. I have tried to go into the Editor and adjust this space (so there is less room in between), but haven't found exactly what it is called. How can I adjust this space?

  •  295
    Paul replied
    October 11, 2014 at 8:34am

    Eva,

    1. It is just my intention to have that white space in the default design. Reference: http://themes.uxbarn.com/wp/fineliner/ 

    2. You would need to use custom CSS to adjust that. Please try using this custom CSS for the header and content:

    #inner-content-container {
    margin-top: 40px;
}

    For reducing the space between the content and footer:

    #content-container {
    padding-bottom: 40px;
}
  • Eva replied
    October 16, 2014 at 8:35pm

    Thanks so much, Paul. 

    One more related question. I wanted to adjust the css to add padding between the top of the header and the logo. Right now they nearly bump up against each other. I tried to do this via the editor in WordPress, but none of the potential styles worked (logo-wrapped and logo). 

    Please advise.

    Thank you!

  •  295
    Paul replied
    October 17, 2014 at 5:36pm

    Please try using this custom CSS. It should help.

    #header-container {
    padding-top: 30px;
}