Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 9, 2014 at 5:11 pm #207500
    LinkedMediaGroup

    Hi,

    I have two questions…
    1. How to enlarge logo? I can manage header height (thru CSS), but can’t find how to make logo bigger?
    2. I wish to change font of titles (h1-h3) and font of main menu (all of it will be same font). I have font as .ttf file.

    Thanks, for your help,
    Vedran

    January 9, 2014 at 5:48 pm #207533
    Ismael

    Hey LinkedMediaGroup!

    1.) Can you please give us a link to the website? You can add this on your custom.css or Quick to change the header height if you’re using the default header. This will also increase the size of the logo:

    #header_main .container, .main_menu ul:first-child > li a{ height:128px; line-height: 128px; }

    2.) What is the font you’re trying to use? If it is a google font, you can add this filter on functions.php:

    add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Alef'] = 'Alef';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Alef'] = 'Alef';
return $fonts;
}

    Replace “Alef” with the google font you’re trying to use.

    Cheers!
    Ismael

    January 9, 2014 at 6:16 pm #207551
    LinkedMediaGroup

    Hi,
    1. Resolved… Thanks!

    2. Font is Edwardian Script ITC .. it’s in Microsoft Office and in image editors, but I don’t see it on google fonts.. :(
    I found it as “stand alone” version, so I have file in .ttf format. I need it to apply only on H titles and main menu.

    http://www.kalinokswines.eu/wordpress/

    Regards,

    January 9, 2014 at 6:26 pm #207556
    LinkedMediaGroup

    While I have you here.. :)

    Please look at logos on right side of page… it’s “Easy slider” with “fade” function… is there a way to slow down that fade effect?

    January 10, 2014 at 1:25 am #207734
    Yigit

    Hi!

    Please go to wp-content\themes\enfold\js folder and open shortcodes.js file and find

    displaySlide.css({visibility:'visible', zIndex:2, opacity:0}).avia_animate({opacity:1}, this.options.transitionSpeed/3, 'linear');
			
			self._start_video(displaySlide);
			self._stop_video(hideSlide);
			
			hideSlide.avia_animate({opacity:0}, this.options.transitionSpeed/2, 'linear', function()

    and change it to 

    displaySlide.css({visibility:'visible', zIndex:2, opacity:0}).avia_animate({opacity:1}, this.options.transitionSpeed/1, 'linear');
			
			self._start_video(displaySlide);
			self._stop_video(hideSlide);
			
			hideSlide.avia_animate({opacity:0}, this.options.transitionSpeed/1, 'linear', function()

    Best regards,
    Yigit

    January 10, 2014 at 6:11 am #207814
    LinkedMediaGroup

    Hi,

    Thanks for slider speed,
    What about my last question?
    2. I wish to change font of titles (h1-h3) and font of main menu (all of it will be same font). I have font as .ttf file.
    Font is Edwardian Script ITC .. it’s in Microsoft Office and in image editors, but I don’t see it on google fonts.. :(
    I found it as “stand alone” version, so I have file in .ttf format. I need it to apply only on H titles and main menu.

    Regards,
    Vedran

    January 10, 2014 at 7:50 am #207851
    Ismael

    Hey!

    Create a folder named “font’ on the enfold theme folder. Place the font .ttf file inside the font folder. Add this on css > custom.css file:

    @font-face {
font-family: Edwardian Script ITC;
src: url(../font/nameofthefont.ttf);
}

    You can specify the font family on Quick CSS or custom.css:

    h1, h2, h3 {
font-family: Edwardian Script ITC;
}

    Best regards,
    Ismael

    January 10, 2014 at 12:55 pm #207970
    LinkedMediaGroup

    Hi,

    Works as charm! Thanks!
    Only thing, you didn’t tell me how to change “main menu” in same font?

    EDIT:
    Now logo problem (described in first question) came back after making font ad fade speed changes…
    My “custom.css” now has this lines:

    @font-face {
    font-family: Edwardian Script ITC;
    src: url(../font/Edwardian Script ITC.ttf);
    }
    h1, h2, h3 {
    font-family: Edwardian Script ITC;
    }
    #header_main .container, .main_menu ul:first-child > li a{ height:128px; line-height: 128px; }

    Font works fine on H tags, but logo is small again as it was described before.. :(

    Regards,
    Vedran

    January 10, 2014 at 1:15 pm #207982
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .logo, .logo a, .logo img { max-width: 270px; }

    Best regards,
    Yigit

    January 10, 2014 at 1:26 pm #207992
    LinkedMediaGroup

    Hi,

    Followed every step you said…
    Error is still there…

    screen shoot
    http://www.kalinokswines.eu/wordpress/wp-content%5Cthemes%5Cenfold%5Cimages/small_logo_error.jpg

    January 10, 2014 at 1:33 pm #207996
    Yigit

    Hey!

    Please flush browser cache and refresh your page a few times. It does look fine on my end. See screenshot here http://i.imgur.com/Qjd5ASQ.jpg

    Regards,
    Yigit

    January 10, 2014 at 1:43 pm #208002
    LinkedMediaGroup

    Hi,

    This is weird… cleared cash, history and cookies.. hard refresh page… 4 times it’s fine, 5th time is small.. :(
    Anyway.. let’s say client won’t notice it… :)
    What about main menu font?

    Regards,
    Vedran

    January 10, 2014 at 1:45 pm #208004
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .main_menu ul:first-child > li > a { font-family: Edwardian Script ITC; }

    Best regards,
    Yigit

    January 10, 2014 at 2:15 pm #208016
    LinkedMediaGroup

    Works just fine…

    Thank you for your patience and all help!

    Regards,
    Vedran

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Two requests (logo and font)’ is closed to new replies.