Support/Ultra Theme/Logo Size

[Resolved] Logo Size

Tagged: 

  • Author
    Posts
  • March 8, 2017 at 9:33 am #6017

    tipsfromitaly
    Participant

    Hi guys!

    I decreased the height of my main menu on my Ultra Themed website and I was curious what should be the size of my logo now so it could display properly. The website is http://www.tipsfromitaly.com

    Thank you,

    Veronica

    March 8, 2017 at 3:00 pm #6018

    Andrew Misplon
    Keymaster

    Hi Veronica

    The new height of your menu is 46px so the logo should perhaps be 36px high to fit nicely. Let me know how it goes 🙂

    March 8, 2017 at 5:09 pm #6020

    tipsfromitaly
    Participant

    Hi Andrew!

    I’m having difficulties designing it since it’s so small. It’s a text. Is it possible to write a text and use my own font and format it instead of the logo or should I search for some pro help with the design?

    Thanks again!

    Veronica

    March 8, 2017 at 5:19 pm #6021

    Andrew Misplon
    Keymaster

    Thanks for your feedback. Increasing the size of the header would of course allow for more logo space. Small logos can be quite tough. If you remove the logo the site title will take effect and you can set the site title font at Customize > Theme Design > Header > Site Title Font. You could then choose from a list of Google fonts. Would that help?

    March 8, 2017 at 5:39 pm #6022

    tipsfromitaly
    Participant

    Hi there!

    You are so efficient and quick I need to catch up with you 🙂

    There’s no option in the header for site title or menu fonts. FYI the result:
    http://tipsfromitaly.com/index.php/the-italian-lifestyle-newsletter/

    Thanks again

    March 8, 2017 at 5:41 pm #6023

    tipsfromitaly
    Participant

    p.s. and how can I change the color of that blu underline/hover effect when i go choose a menu page?

    March 8, 2017 at 6:15 pm #6024

    Andrew Misplon
    Keymaster

    Sure 🙂 Did you go to Customize > Theme Design (not Theme Settings).

    Header

    The menu color settings are also in the Theme Design section: https://purothemes.com/documentation/ultra-theme/customizer/theme-design/main-menu/

    March 8, 2017 at 7:07 pm #6025

    tipsfromitaly
    Participant

    Hey there!

    No I haven’t. I’m using the free version. Is there a CSS I can add?

    Thanks again

    March 8, 2017 at 7:28 pm #6026

    Andrew Misplon
    Keymaster

    Sure, do you know what font family you want to use?

    March 8, 2017 at 7:35 pm #6027

    tipsfromitaly
    Participant

    helvetica

    March 8, 2017 at 7:38 pm #6028

    Andrew Misplon
    Keymaster

    You can try:

    .site-header .site-branding h1.site-title {
    font-size: 36px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    letter-spacing: -1px;
}

    Adjust as required.

    March 8, 2017 at 7:53 pm #6029

    tipsfromitaly
    Participant

    Great! It’s working.

    Can we make amends to the highlight/underline color too?

    March 8, 2017 at 8:02 pm #6030

    Andrew Misplon
    Keymaster

    Glad that helped.

    The premium version is available from as little as $5 once off. It’s worth considering. Let me try find a thread where I’ve covered adjusting the menu manually with CSS, there isn’t just one rule like there is with the site title.

    March 8, 2017 at 8:04 pm #6031

    Andrew Misplon
    Keymaster

    Here we go: https://purothemes.com/support/topic/menu-text-colour/

    March 8, 2017 at 9:18 pm #6032

    tipsfromitaly
    Participant

    Hi Andrew!

    I haven’t realized it was just 5$. I’ll look into it.

    The code worked though.

    Thanks so much again!

    Have a nice evening 🙂

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 20 total)
1 2

You must be logged in to reply to this topic.

Scroll to top