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

    Hello Support,

    Hope you can help. Our client wants to add Tag Line “Draw Outside The Lines” in the header below the Nav Menu Items.

    We will create an image tagline with the same font style as the logo text “Shelli Varela”.

    Please let us know if this is possible and if you need Login and Password WP access to the site, we can provide it to you.

    Thanks,
    Marcelo

    #272131
    #272158
    #272174

    Hello Josue,

    Thanks I added the line of code under helper-main-menu.php
    echo “<div class=’site-description’>”.get_bloginfo ( ‘description’ ).”</div>”;

    On the Quick CSS I added the code:
    .site-description {
    bottom: -30px;
    position: absolute;
    font-size: 11px;
    }

    The thing is we need add an image instead of text and it needs to be centered below the navigation on the header.
    The Image that we went to add is: http://shelli.bydecosta.com/wp-content/uploads/tag-DrawOutsideTheLines.png

    Please let me know if you need me to give you wp-admin access to the site as well.

    Thank you,
    Marcelo

    #272185

    Change:

    echo “<div class=’site-description’>”.get_bloginfo ( ‘description’ ).”</div>”;
    

    To:

    echo “<div class=’site-description’><img src='http://shelli.bydecosta.com/wp-content/uploads/tag-DrawOutsideTheLines.png'></div>”;
    

    Once you done that post a link to your website so i can assist you with the CSS.

    Regards,
    Josue

    #272187

    Thanks Josue,

    Alright I have updated the code as you mentioned and I see the image on the header.
    Perfect now is the css.
    Hope this will work perfectly on the ipad/iphone as well.

    Thanks again.
    Marcelo

    #272188

    Hi,

    Can you post a link to your website please?

    Regards,
    Josue

    #272189

    Sure Josue,

    What link would you like me to post.
    the Website URL is http://shelli.bydecosta.com and the image tagline is now below the logo which I need to center it.

    Please let me know about the CSS.

    If you need me to provide you /wp-admin/ access to the site let me know as well.

    Thanks

    #272190

    Hey!

    Try adding this code to the Quick CSS:

    .site-description {
        position: absolute;
        left: 280px;
        top: 5px;
    }

    Cheers!
    Josue

    #272192

    Great Thanks,

    I just updated so that the tagline is blow the navigation and logo title name.
    .site-description {
    position: absolute;
    left: 280px;
    top: 5px;
    }

    Only thing now is how can I make it work so that its centered even when you resize the browser or when you view the site on the iphone or ipad. http://shelli.bydecosta.com

    Thank you so much.

    #272195

    Add this too:

    @media only screen and (max-width: 767px) {
    .site-description {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 28px;
        text-align: center;
    }
    }

    Regards,
    Josue

    #274491

    Hello Josue,

    The header area is the part that i’m getting stuck because the client wants the image “DRAW OUTSIDE THE LINES” on the header and also the pink bar to be part of the the header which is the color “#dc2d68″.

    I have the following CSS that you provided for the image only when needs to be moved down in the middle below the Logo and Navigation”

    .site-description {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 28px;
    text-align: center;
    }

    @media only screen and (max-width: 767px) {
    .site-description {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 28px;
    text-align: center;
    }

    Also now the Navigation is not aligned to the logo and hoping you can help out.

    #274493

    This is for URL http://shelliv.bydecosta.com.

    Once I get the the “DRAW OUTSIDE THE LINES” and the color bar to be part of the header so its viewable on pages/posts and single posts, i’ll remove the code from the pages.

    Thanks again and hope you can help so I can close this ticket.

    Thanks,
    MP

    #274504

    Alright,

    Now that I have the Tagline “DRAW OUTSIDE THE LINES” on the header, I’m hoping you can help with the pink bar color that is currently on the pages, I need that to be part of all of the header.

    I’m really sorry for all this back and forth posts but i’m really close to showing the site to the client.

    Please let me know what I can do or if you need wp-admin access to the site.

    Many thanks,
    MP

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Adding Tag Line on the Header’ is closed to new replies.