WordPress.org

Ready to get started?Download WordPress

Forums

Brunelleschi 1.4.2 Header Font Issue (4 posts)

  1. hwachtel
    Member
    Posted 2 years ago #

    I am using this theme and no matter what size I reduce my logo to (430x88 pixels or 610x125 pixels) when I upload it into Brunelleschi 1.4.2 it gets very large and fuzzy - around 5.5 inches long and maybe 46 point type. How do I reduce the size once it is uploaded into my WordPress site (which is still under construction).

    Any help would be appreciated. Thanks, Helen

  2. peredur
    Member
    Posted 2 years ago #

    There is a constant set in functions.php that determines the size of the header image, which I take it is what you are referring to. The fuzziness would be because of the resizing upwards.

    Here's the code(with comments and white space removed to save space) :

    if ( ! brunelleschi_option('content-width') ) { $content_width = 960; }
    else { $content_width = brunelleschi_option('content-width'); }
    
    if(brunelleschi_option('use-header-image')) {
    	if ( ! defined( 'HEADER_IMAGE' ) ) { define( 'HEADER_IMAGE', '%s/images/headers/beach.png' ); }
    	define( 'HEADER_IMAGE_WIDTH', apply_filters( 'brunelleschi_header_image_width', $content_width ) );
    	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'brunelleschi_header_image_height', 198 ) );
    ...

    So it looks as though the theme allows you to change the content width, in which case, the header image width is reduced to suit the content width. The height is set to 198 (pixels, presumably).

    If I have it right, I guess you could do something like:

    if(brunelleschi_option('use-header-image')) {
    	if ( ! defined( 'HEADER_IMAGE' ) ) { define( 'HEADER_IMAGE', '%s/images/headers/beach.png' ); }
    	define( 'HEADER_IMAGE_WIDTH', 430 );
    	define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'brunelleschi_header_image_height', 88 ) );
    ...

    You would then have to see how this looked and alter your CSS to get the image positioned correctly, I would think.

    I would recommend strongly that you keep a backup of the original functions.php file before you make any changes. Normally, I'd recommend doing this sort of thing in a child theme, but in this case I don't see how that would work, given that the code above is not contained within a function. If I understand things correctly, this means that the code above would run after anything you put in a child theme.

    Alternatively, you could try modifying the header.php file, preferably in a child theme, replacing the references to the constants HEADER_IMAGE_HEIGHT and HEADER_IMAGE_WIDTH with literal values.

    HTH

    PAE

  3. Digital Raindrops
    Member
    Posted 2 years ago #

    Reduce the height as suggested to 88, then you would overlay / paste your logo onto a transparent png image 1000 * 88, and upload this to Admin > Headers

    That would give you a proportional header and allow any background to show

    ----------------------------------------------------

    | Logo | Transparent area

    ----------------------------------------------------

    HTH

    David

  4. Digital Raindrops
    Member
    Posted 2 years ago #

    Hi,
    If you have a smaller logo then you can overlay it on a header to keep perspective, after reading this I wrote a post on logo's and header images.

    HTH

    David

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.