Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1085926

    I have followed the instructions in other posts on how to use vertical buttons on fullscreen slider. Everything works fine, however I get strange black boxes at the top and bottom of the button list (see the website).

    I also attach my Quick CSS, as there are some parts relevant for this:

    #header_main_alternate, #avia-menu {
    background: #7bc5e0;
    }
    #top .slideshow_caption .avia-button-wrap.avia-button-left {
    margin: 0 10px !important;
    }

    #top .slideshow_caption .avia-button-wrap a{
    padding: 25px 15px;
    width: 250px !important;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    }

    #footer td {
    border: none!important;
    }

    #footer .flex_column.first {
    width: 15%;
    }
    #footer .flex_column:nth-child(2) {
    width: 25%;
    }

    #footer .flex_column:nth-child(3) {
    width: 20%;
    }

    #footer .flex_column:nth-child(4) {
    width: 22%;
    }

    #1086337

    Hey Iztok,

    It looks like the boxes are empty paragraphs, please try deleting any line breaks you might have in there.

    Best regards,
    Rikard

    #1086510

    Hm, weird. I didn’t have any line breaks. In the end, I simply cut the short code, saved the page, pasted it in again and the boxes disappeared. Go figure!

    Thanks anyway.

    #1086523

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘display issue with vertical buttons on fullscreen slider’ is closed to new replies.