Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #207500

    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

    #207533

    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

    #207551

    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,

    #207556

    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?

    #207734

    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

    #207814

    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

    #207851

    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

    #207970

    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

    #207982

    Hey!

    Please add following code to Quick CSS as well

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

    Best regards,
    Yigit

    #207992

    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

    #207996

    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

    #208002

    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

    #208004

    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

    #208016

    Works just fine…

    Thank you for your patience and all help!

    Regards,
    Vedran

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