- This topic has 19 replies, 2 voices, and was last updated 7 years, 7 months ago by Andrew Misplon.
Tagged: logo size
- AuthorPosts
- March 8, 2017 at 9:33 am #6017
tipsfromitalyParticipantHi 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 MisplonKeymasterHi 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
tipsfromitalyParticipantHi 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 MisplonKeymasterThanks 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
tipsfromitalyParticipantHi 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
tipsfromitalyParticipantp.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 MisplonKeymasterSure 🙂 Did you go to Customize > Theme Design (not Theme Settings).
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
tipsfromitalyParticipantHey 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 MisplonKeymasterSure, do you know what font family you want to use?
March 8, 2017 at 7:35 pm #6027
tipsfromitalyParticipanthelvetica
March 8, 2017 at 7:38 pm #6028
Andrew MisplonKeymasterYou 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
tipsfromitalyParticipantGreat! It’s working.
Can we make amends to the highlight/underline color too?
March 8, 2017 at 8:02 pm #6030
Andrew MisplonKeymasterGlad 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 MisplonKeymasterMarch 8, 2017 at 9:18 pm #6032
tipsfromitalyParticipantHi 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 🙂
- AuthorPosts
You must be logged in to reply to this topic.