Generate Theme Header z index or background alpha

Community Forums Forums Design Tips and Tricks Generate Theme Header z index or background alpha

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  robertkennedy3 1 year, 1 month ago.

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

    robertkennedy3
    Participant
    Post count: 5

    Hi all,

    I am not a guru coder but I can get around if I am given instructions. Here’s what I am trying to do.

    I have purchased the Generate theme and I have a logo inserted. However, the logo is longer than the alloted space for it to work properly with the header widget on the right. If there is no widget, the logo looks fine.

    How can I do either of the following:

    A. Get the background on the header widget to be transparent so that the logo can show through?

    or

    B. Change the z index so that the widget can be behind the logo. (question here is, if the logo is positioned in front of the widget layer, does that deactivate the ablity of the user to interact with the widget, for instance in the search widget?)

    Any help on this is appreciated. Thanks so much!

    http://rk3test.robertkennedy3.com
    #54249

    braddalton
    Participant
    Post count: 9931

    You can reduce the width of the header right widget and increase the title width by the same values:

    Line 188 of your child themes style.css file:
    [css]
    #title-area {
    float: left;
    padding: 20px 0 0;
    width: 450px;
    }
    [/css]

    Line 216
    [css]
    #header .widget-area {
    float: right;
    padding: 15px 0 0;
    width: 500px;
    }
    [/css]


    #54252

    robertkennedy3
    Participant
    Post count: 5

    THanks Brad. I had done that before but your comment made me look again. What I had NOT done was edit the Header Image Partial width area.

    .header-image #title a {
    display: block;
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 600px;
    }

    I needed to also increase that from 450 to 600. All fixed now. Thanks bud.

    #54253

    braddalton
    Participant
    Post count: 9931

    Thanks for sharing the solution Robert.


    #54256

    robertkennedy3
    Participant
    Post count: 5

    No problem. THat’s what ‘community’ means to me.

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

You must be logged in to reply to this topic.