Hi there!
Thanks to Air's awesome reply to this question:
http://support.apollo13.eu/discussion/comment/3519#Comment_3519 I was able to change my problematic image logo for a text one, which I like much better (thank you!).
My question now is the following: Is it possible to have the 'logo' in one font, and the menu headers/ navigational bar menus (HOME, blog etc) in a different font? Right now I have them in different sizes (thanks to copying and pasting the adjustments suggested above), but is there a way to also have them in different fonts?
I am attaching a couple of screen shots. I would love the logo to be in the bolder font, while the menus (Home, BLOG etc) are in the ultra-light font):
https://plus.google.com/photos/104400049817661237106/albums/5854653620851550753?authkey=CIG14Iiu1_PewwEBoth fonts will be google fonts.
Thank you so much!
Comments
#logo {
color: #000000;
font-family: 'GFS Didot';
font-size: 40px;
font-weight: normal;
height: 40px;
line-height: 40px;
padding: 10px;
white-space: nowrap;
}
... but I do have a related question! Is there a way to get rid of the blank space underneath the navigational bar menus (see screen shot, the part highlighted in green). The thing is the navigational menus are kind of floating above this white line. I would love for them to be aligned with the logo (or central in respect to it).
Thank you so much!
Yup using
font-family
is what I would suggest :-)About your second question - please show me live link and I will then tell you what needs to be adjusted.
With regards.
Thank you so much! Here is the live link:
http://www.life-beautifully.com/
Basically I would just like the headings 'Blog' Home' etc. to be lower (aligned with the text logo OR central with respect to it) so that it looks better as a whole. Getting rid of the blank space underneath it (shaded in green in the screen shot above), would seem to do the trick.
Thank you so much!
Ananda
I would like to use a specific font *only* for the text header (it looks so much better than any graphic I put there), but not elsewhere on the site. The thing that I am finding is that unless I select that font as one of the options under 'font settings' (for either normal text, headers or nav bar), I cannot have the font I specify in the custom css show up. It is as if the 'font settings' were the ones that made the font be loaded in the site and only once that is done, I can call it to be the font of the text logo.
I love a certain font for the logo, but dislike it very much anywhere else in the site (I happen to only like the font in capitals). Is it possible to somehow make that work?
Thanks so much!
Now I just need to find out how to know how to solve the 12:10 post (how to align headers nicely) to make it work :-)
For line height try using this CSS(experiment with values if needed) Font
If you selected your desired fonts in
Hypershot theme->Fonts
you don't have to add any code to page:-)Now you need to only use it to desired elements.
If you wish to use font Lato with weight 100 for menu we will have to:
1. Select it in fonts menu(Third font chooser)
2. tell CSS about it(about font weight) For logo I can see you have added use of
Vidaloka
but you have not added this font from google. In this case I think best would be to add code from google fonts like you did previously.<link href='http://fonts.googleapis.com/css?family=Vidaloka' rel='stylesheet' type='text/css'>
---
By the way: I think you should switch social icons set to dark cause icons are now invisible :-)
With regards.
Thank you so much for the tip on the social icons too. After much debating, I think I'll end up not having them because they clash a little bit with such an angular logo I picked. I will just make page linked from the menu linking to all of that.
Thank you so much!