Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1189492
    hipbluesofa
    Participant

    Hi all. I am trying to put some space between my logo and the wall on this site: http://atmosphair.com.routing.yourhost.co/ If you look you will see that there is little to no space. I have added the custom css I was to. It is below. If I edit the first choice, https://gmkr.io/s/57e741c1573736c92e183401/0 I can add any number from 0 to 909090909090990 and nothing affects the spacing. If I touch padding-top: or bottom the image moves.

    Custom CSS
    .x-navbar {
    background-color: #0A0905;}
    body .x-navbar .x-navbar-inner {
    padding-top:10px;padding-bottom:10px;padding-left:10000px;
    }
    .x-container.offset {
    margin-top: 500;
    }

    .x-feature-box-graphic {
    margin-bottom: 0;
    }
    body .x-img {
    margin-bottom:0;
    }
    .x-navbar .desktop .x-nav > .current-menu-item > a{
    background:none;
    box-shadow: none;
    }
    .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
    }

    How can I fix this?

    thanks so much in advance

    Anthony

    #1189494
    hipbluesofa
    Participant
    This reply has been marked as private.
    #1189538
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    a.x-brand.img {
        margin-left: 40px;
    }

    Feel free to adjust that 40px value.

    Hope it helps, Cheers!

    #1189954
    hipbluesofa
    Participant

    I can’t say a big enough thanks! – Anthony

    #1190052
    Rad
    Moderator

    You’re so much welcome!

  • <script> jQuery(function($){ $("#no-reply-1189492 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>