Hi!
I need to:
1. modify the font of the text logo. I tried modifying the css, as you told in this forum …
(“Hello ….,
If you want to change the text for your second line of your header logo text, you should do it from Theme panel, like this -> http://screencast.com/t/yDp2uMHI8Tkg
Unfortunately, our theme does not have any such an option that allows you to change the font for Logo text from the theme panel, sorry! If you want to change it you should use a bit of CSS code to load the new font for this section. For example, you can use the code below and place it in Theme panel->Custom CSS area:
.td-logo-text, .td-tagline-text {
font-family: ABeeZee;
}
Also, notice that the ABeeZee font should have to be loaded in your theme from the panel if you want that the code to be applied.)
…but I didn’t have the hope result!
2. I also need to reduce the size of the text logo on mobile, but I don’t know how to do.
I tried as you told in this forum…
(“Unfortunately the font family and font style can only be changed with css as the mobile theme has no font customization at the moment. You can use this method to load a new font with css: https://forum.tagdiv.com/topic/how-to-change-font-for-text-logo/
and then use this css to set the font family and size for the quotes on mobile:
@media(max-width:767px){
.td-post-content blockquote p{
font-family:mycustomfont!important;
font-size:25px!important;
}} “)
changing 25x with lower size, but any effect has sorted.
How to do? thanks a lot
Hello,
1. please first use a font that is already loaded such as verdana and see if the font changes with the css. You cannot use a custom font with css without loading it first. The font loading is done with another css code like so:
@font-face {
font-family: 'add your font family here';
src: url('add the source url for the font. insert the path that leads to the font') format("opentype");
font-weight: normal;
font-style: normal;
}
2.For the mobile version of the text logo, please use this code:
@media (max-width: 767px){
.td-logo-text-container .td-logo-text {
font-size: 56px!important;
}
.td-logo-text-container .td-tagline-text{
font-size: 16px!important;
}}
Thank you!
Thank you.
Anyway, I didn’t understand one step. I have to insert the family font (for istance I select the same font family I chose for the other parts)…in this way ->
@font-face {
font-family: ‘Helvetica Neue’;
BUT for the second part of the code ->
src: url(‘add the source url for the font. insert the path that leads to the font’) format(“opentype”); font-weight: normal; font-style: normal; }
I don’t know what to put in! Which is the source url? If I simply want to use your family font “Helvetica Neue” or a font like Verdana how can I find the source url? Thanks a lot!
Hello,
For verdana you do not need to add the font-face at all. Verdana is part of the web-safe fonts and is present on all browsers by default. Here is a list of fonts that do not need to be loaded at all: http://www.w3schools.com/cssref/css_websafe_fonts.asp
For the others you will also need a font file to be downloaded and placed on your server. The theme fonts section will do this automatically but since this is a customization it has to be done manually.
Thank you!
Sorry, but I changed all my site (all the voices of the font family in the Theme Font section) to Helvetica Neue, but the text logo doesn’t change (the font is always the same). Can you indicate me the exact command to change the font (whatever it is)?
Thanks
Hi,
The logo text does not have a setting i nthe theme panel so you have to add this code in the theme panel:
.td-logo-text-container .td-logo-text {
font-family:Helvetica Neue;
}
Thank you!
