Associate Theme overlap logo/header

Community Forums Forums Design Tips and Tricks Associate Theme overlap logo/header

This topic is: not resolved

This topic contains 9 replies, has 2 voices, and was last updated by  tapanshah 1 year, 7 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #14740

    tapanshah
    Participant
    Post count: 7

    How can I overlap the logo/heder on the Associate theme.

    Here is the URL

    http://clients.meghdesigns.com/

    Also I need to add another widget are below the slider.

    Hope someone can help.

    Thanks and advance.

    • This topic was modified 1 year, 7 months ago by  tapanshah.
    • This topic was modified 1 year, 7 months ago by  tapanshah.
    #14751

    SoZo
    Moderator
    Post count: 1573

    You use positioning and z-index to overlay elements.

    And there’s a tutorial here on adding sidebars.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #14810

    tapanshah
    Participant
    Post count: 7

    I get that SoZo, but how should I apply. here is what I did and it did not make any difference.  Hope you can help bit more. I have a client who has decided to have larger logo and wants overlapped, like this http://clients.meghdesigns.com/wheda/.   Thanks

    Here is title/Image header

    .header-image #title-area,
    .header-image #title,
    .header-image #title a {
    display: block;
    float: left;
    height: 120px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 300px;
    position:absolute;
    z-index: 9999;
    }

    .header-image #description {
    display: block;
    overflow: hidden;
    position:absolute;
    z-index: 9998;

    }

     

     

    Here is // inner//
    #inner {
    background: url(images/blur.png) no-repeat top center;
    }

    #inner .wrap {
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
    padding: 25px;
    width: 910px;
    position:relative;
    z-index: 500;

    }

    .home #inner .wrap {
    padding: 25px 25px 5px;
    position:relative;
    z-index: 450;
    }

    #inner:after {
    clear: both;
    content: “.”;
    display: block;
    height: 0;
    visibility: hidden;
    position:relative;
    z-index: 425;
    }

    #14814

    SoZo
    Moderator
    Post count: 1573

    The image isn’t in the title-area it’s the background of #header so that is the rule you need to tweak


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #14816

    tapanshah
    Participant
    Post count: 7

    Looked at it on couple of computer in Safari which has never visited this webpage does not show overlap.

    I even tried on different computer (Internet Explore)  and it does not show overlap.

    What could be the problem.

    Thank you

     

    #14817

    SoZo
    Moderator
    Post count: 1573

    I was looking at this site


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #14819

    tapanshah
    Participant
    Post count: 7

    oh, that has been working from day one, it is different theme.

    I am talking about this one.

    http://clients.meghdesigns.com/

     

    #14827

    tapanshah
    Participant
    Post count: 7

    The image isn’t in the title-area it’s the background of #header so that is the rule you need to tweak

     

    How can I tweak this?

    #14828

    SoZo
    Moderator
    Post count: 1573

    The same way you were tweaking the title area


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #14832

    tapanshah
    Participant
    Post count: 7

    How, SoZo, it is Friday afternoon. I just want to get this done. any help you can provide me will be greatly appreciated.

     

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

You must be logged in to reply to this topic.