Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #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%;


    Hey Iztok,

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

    Best regards,


    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.



    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.