Home Forums Weaver Xtreme Theme space above logo

Topic Resolution: Resolved
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #68755
    merlojh
    Participant

    I think I asked this before but I would like more space above the logo margin or padding not sure which? I think you sent me the info below but it does not do anything to change the margin or padding? John

    To reduce the space between top banner and menu, , you need to do two things

    1) add the rule below
    .menu-primary .wvrx-menu-container {padding-top:0;}

    if you want to reduce it further, reduce the 80px to 60px in the previous rule
    .wvrx-menu-container {top:80px !important;}

    To reduce the space beteen the menu and content, reduce the 80px value in the previous rule
    #wrapper {margin-top:80px;}

    #68757
    scrambler
    Moderator

    Site link with specific about what logo we are speaking off…..

    #68765
    merlojh
    Participant

    https://www.singingtreeproject.org/ the logo Singing Tree Project and donate button it is close to the top need more space John

    #68767
    scrambler
    Moderator

    In Your existing rule below edit the margin property to match eth one below with a 10px top margin

    .mybanner {display:block;max-width:1200px;margin: 10px auto 0 auto;overflow:hidden;background-color:#418BC5;}

     

    #68804
    merlojh
    Participant

    Used this but did not work .mybanner {display:block;max-width:1200px; margin-top:50px auto 0 auto;overflow:hidden;background-color:#418BC5;} I even used 50px no luck not sure why it is not working John

    #68807
    scrambler
    Moderator

    Please pay attention to your syntax.

    You type margin-top instead of just margin.

    When you input 4 values (50px auto 0 auto), you are setting all four margin at once (top, right, bottom, left)

     

    #68811
    merlojh
    Participant

    Using this now .mybanner {display:block;max-width:1200px; margin-top:50px; overflow:hidden;background-color:#418BC5;

    but what happens is that the menu goes above the logo and donate button when I put in more margin? John

    #68813
    scrambler
    Moderator

    OK, so there are several margins that need changing.

    If you want 50px at the top

    In the Existing rule
    #wrapper {margin-top: 80px !important;}
    Change the margin to 180px
    #wrapper {margin-top: 180px !important;}

    In the existing rule
    .wvrx-menu-container {top:80px !important;}
    Change the to to 130px
    .wvrx-menu-container {top:130px !important;}

    If you want less than 50px, reduce them proportionally

    #68839
    merlojh
    Participant

    That worked but now the logo is to close to the left side is there a way to kind of center the logo and donate button? John

    #68842
    scrambler
    Moderator

    You really have to listen a bit more to what I am telling you..

    For the fifth time, you keep screwing up the .mybanner rule…..

    You have

    .mybanner {display:block;max-width:1200px; margin-top:50px; overflow:hidden;background-color:#418BC5;}

    and I told you to have

    .mybanner {display:block;max-width:1200px; margin:50px auto 0 auto; overflow:hidden;background-color:#418BC5;}

     

    #68843
    merlojh
    Participant

    Thanks so much so sorry my mistake!! John

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.