Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #166125

    Hi,

    I’d like my header to consist of the logo on the left, then the site title to the right of this, with a tagline below it. I’ve added these elements in the right place in header.php and they show up as planned in the header. Great, but I cannot adjust their position (I want the tagline (wp_description) aligned to the bottom of the header div) or their font attributes (I want the title (wp_title) in a particular font, and large.

    What should I be adding to the Quick CSS to achieve this please?

    Many thanks,
    Matt

    #166127

    Hi Matt,

    If we can see the site live and inspect the code we can try to assist with the start of what you’ll need.

    Cheers!
    Devin

    #166132

    Hi Devin,

    Thanks for the quick reply. The site is not live, but if you’re willing to amend your hosts file to include

    46.17.91.218 quakersinwales.org.uk
    46.17.91.218 www.quakersinwales.org.uk
    46.17.91.218 crynwyrcymru.org.uk
    46.17.91.218 www.crynwyrcymru.org.uk

    then you’ll be able to inspect the code.

    Many thanks,
    Matt

    • This reply was modified 1 year, 2 months ago by  mousematt. Reason: Remove automatic links
    #166393

    Hey!

    Edit header.php, find this code:

    echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png');

    Below, add the site name and the site description:

    $sitename = get_bloginfo('name');
    						$sitedescription = get_bloginfo('description');
    						
    						echo '<div class="sitename">'.$sitename.'</div>';
    						echo '<div class="sitedescription">'.$sitedescription.'</div>'; 

    Add this on your custom.css or Quick CSS:

    .sitename {
    position: absolute;
    top: 60px;
    left: 200px;
    }
    
    .sitedescription {
    position: absolute;
    bottom: 40px;
    }

    Adjust the position.

    Regards,
    Ismael

    • This reply was modified 1 year, 2 months ago by  Ismael.
    #167078

    Hi Ismael,

    Thanks so much – that has done the job. I don’t quite understand why my original code in the header.php didn’t do it, because the idea was the same. I’ll take a closer look at it until I understand what I did wrong.

    One surprising side-effect of your code is that my tagline rotator no longer works. If I can’t figure that one out I may need to come back to you for some more advice.

    Many thanks,
    Matt

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Positioning wp_title & wp_description in header’ is closed to new replies.