SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Post Header Image and site Title adjustment

    How to adjust the position of site title with logo in header section? I want to lift my site title to little bit up, the logo position is ok how to do it? Any help will be appreciated. My site url is http://www.aas-bd.com.
    Last edited by aasbd; Nov 19, 2012 at 07:14. Reason: clear description with site url

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Hi aasbd. Welcome to the forums.

    You could do something like

    Code:
    #site-title a img {
      vertical-align: middle;
    }
    ... though you may not like the result. You have a few options, such as adding the logo as a background image instead, which would give you a lot more flexibility.

  3. #3
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Your instruction worked very well. Thanks for your help. Is it possible to lift up the site description too? I mean if I want to keep site description just below the site title, then how can I do it?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Rather than make the subtitle an <h2>, include it as part of the <h1>. Wrap it in a span, set it to display: block, and set an appropriate font size for it.

  5. #5
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Please tell me in details. I mean in which part of my child themes should be edited?

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by aasbd View Post
    Please tell me in details. I mean in which part of my child themes should be edited?
    That sounds like a WordPress question. I guess you'll have to look through your templates to find where that code is stored. If that's a problem, we could move this thread to the CMS forum.

  7. #7
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I got it from header section. h1 and h2 are located in header section. I am not sure where I have to change. So, I have copied it for you. Please tell me how it will be changed?
    <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="site-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/images/aaslogo2.png" alt="" /><?php bloginfo( 'name' ); ?></a></span></h1>
    <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    You could try something like this:

    Change that code you posted to this:

    Code:
    <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="site-logo" src="<?php echo get_stylesheet_directory_uri(); ?>/images/aaslogo2.png" alt="" /><?php bloginfo( 'name' ); ?></a></span> <b id="site-description"><?php bloginfo( 'description' ); ?></b></h1>
    And then change the CSS for #site-description (at line 37 of style.css) to this:

    Code:
    #site-description {
      color: #352CE6;
      font-size: 14px;
      font-weight: normal;
      display: block;
      padding-left: 60px;
      margin-top: -20px;
    }

  9. #9
    SitePoint Member
    Join Date
    Nov 2012
    Location
    Dhaka
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot for your timing and help. The problem was solved.

  10. #10
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,203
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Glad that helped.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •