WordPress.org

Ready to get started?Download WordPress

Forums

Omega
[resolved] image instead of header (6 posts)

  1. lukageelen
    Member
    Posted 10 months ago #

    Hi there! many many thanks for helping me here.
    I've seen a lot of tutorials on this, but none of them seem to work for me.
    This is my site: http://www.luka.pro
    i would like to have a logo instead of the header on the top of the site.
    I have an image in the library i can use, but where to add it and how?
    this is the header text:

    <!DOCTYPE html>
    <html <?php language_attributes(); ?>>
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <title><?php hybrid_document_title(); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

    <?php wp_head(); ?>
    </head>

    <body class="<?php hybrid_body_class(); ?>" itemscope="itemscope" itemtype="http://schema.org/WebPage">

    <?php do_atomic( 'before' ); // omega_before ?>

    <div class="site-container">

    <?php get_template_part( 'partials/header' ); ?>

    <div class="site-inner row">

    <?php do_atomic( 'before_main' ); // omega_before_main ?

  2. Han
    Member
    Theme Author

    Posted 10 months ago #

    @lukageelen,
    Go to "Appearance > Customize", find branding > logo and upload your file.

  3. lukageelen
    Member
    Posted 10 months ago #

    ah great! so busy trying to find a way in css that i didn't look if this theme supported a costumizable header... thanks!

  4. Han
    Member
    Theme Author

    Posted 10 months ago #

    You're most welcome :-)

    Do you like the theme? Kindly leave a review here

  5. dmanimel
    Member
    Posted 6 months ago #

    Han - Hello, Thank you for creating such a beautiful theme. I wanted to have my logo/image go across whole page instead of being in the grey header box. How would I make the logo/image for the header go across entire page?

  6. Han
    Member
    Theme Author

    Posted 6 months ago #

    Go to "Appearance > Customize > CSS" and add this code to make the logo area full width

    .site-header > .wrap {
        max-width: 100%;
        padding: 0;
        width: 100%;
    }

    To remove the grey background

    .site-header {
        background: none repeat scroll 0 0 transparent;
    }

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.