Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 14, 2017 at 8:32 pm #838935
    TheURLdr

    I have used the following code from another support thread to try and get rid of the top margin and bottom margin in the Partner Logo Element. These did not work:
    #top .avia-smallarrow-slider-heading { display: none !important; }
    .avia-logo-element-container { margin-top: 0 !important;}

    Can you please tell me what to do. I’m not using the header text. It’s blank but showing as a space. I would actually like it even tighter than that, so how do I actually control the margins/padding? I want it to look like the top element in the Kind site: https://www.kindsnacks.com/

    Thanks

    August 14, 2017 at 11:12 pm #838995
    Jordan Shannon

    Hey Kim,

    Add the following to quick css:

    .template-page.content.av-content-full.alpha.units{
padding-top:0px!important;
padding-bottom:0px!important;
}

    Best regards,
    Jordan Shannon

    August 15, 2017 at 12:27 am #839025
    TheURLdr

    Nope. Didn’t work. And now I have grey boxes around my logos.

    August 15, 2017 at 6:15 am #839085
    Nikko

    Hi,

    I checked the link again but it shows:

    Nothing Found
Sorry, the post you are looking for is not available. Maybe you want to perform a search?

    Best regards,
    Nikko

    August 15, 2017 at 6:26 pm #839494
    TheURLdr

    It appears the grey box issue is from having the images being links. They did not have the grey bars around them when there weren’t any links. I have researched this on your support and I’ve tried five different pieces of code, none of them work. The most recent was:
    #top .avia-logo-element-container .slide-image { background: transparent !important; }

    I can’t figure this one out and none of the other threads seem to offer a solution that works.

    I also still have the margin/padding problem. That hasn’t been addressed with code that works yet either. Thanks

    August 15, 2017 at 6:36 pm #839504
    Jordan Shannon

    Hi,

    Are you adding the css to the very top of quick css? If no css is working at all, it could be an error in the current css you have written that is causing it from running.

    Best regards,
    Jordan Shannon

    August 15, 2017 at 7:01 pm #839514
    TheURLdr

    I’ve tried adding the code to the top and the bottom of Quick CSS. Makes no difference. All I’m doing is coping and pasting what I’m seeing in these support threads. Does it make any difference that the placement of this element is at the top of the page?

    Here is code currently in the Quick CSS:
    #miniform {
    border: 2px solid !important;
    border-radius: 25px !important;
    box-shadow: 10px 10px 5px #888888 !important;
    background-color: #234356 !important;
    }

    .image-overlay {
    display: none !important;
    opacity: 0 !important;
    }

    .single-lesson .video,
    .course-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    }
    .single-lesson .video iframe,
    .course-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    .single-product-main-image {
    padding-bottom: 0;
    }

    #top .price span {
    font-size: 36px;
    margin-bottom:10px;
    }

    div form.cart div.quantity {
    min-width:30px;
    }
    #top .main_color .quantity input.plus, #top .main_color .quantity input.minus
    {
    display:none;
    }

    form.cart {
    margin-top:10px;
    }

    .template-page.content.av-content-full.alpha.units{
    padding-top:0px!important;
    padding-bottom:0px!important;
    }

    August 15, 2017 at 10:52 pm #839609
    Jordan Shannon

    Hi,

    Would you be able to provide admin info so we can log in and look into this issue further?

    Best regards,
    Jordan Shannon

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