• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Associate Theme overlap logo/header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

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

This topic is: not resolved
  • This topic has 9 replies, 2 voices, and was last updated 9 years, 6 months ago by tapanshah.
Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 25, 2013 at 2:40 pm #14740
    tapanshah
    Participant

    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.

    January 25, 2013 at 2:50 pm #14751
    SoZo
    Member

    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

    January 25, 2013 at 3:43 pm #14810
    tapanshah
    Participant

    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;
    }

    January 25, 2013 at 3:50 pm #14814
    SoZo
    Member

    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

    January 25, 2013 at 3:52 pm #14816
    tapanshah
    Participant

    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

     

    January 25, 2013 at 3:53 pm #14817
    SoZo
    Member

    I was looking at this site


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

    January 25, 2013 at 3:55 pm #14819
    tapanshah
    Participant

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

    I am talking about this one.

    http://clients.meghdesigns.com/

     

    January 25, 2013 at 4:06 pm #14827
    tapanshah
    Participant

    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?

    January 25, 2013 at 4:06 pm #14828
    SoZo
    Member

    The same way you were tweaking the title area


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

    January 25, 2013 at 4:13 pm #14832
    tapanshah
    Participant

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

     

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble