single list compact display

  • drhitch54

    (@drhitch54)


    1 week, 5 days ago

    I see a prior thread for CSS that changes some of the formatting of the displayed list from shortcode.

    I have a very long list of area neighborhoods that need to then link to a hotpot on an image map. But the list of linked objects takes forever to scroll. Is there a really “simple” display option, even if it’s only 1 column on mobile devices? I have a text list ABOVE the image map, but it’s a pain to hyperlink every single hotspot manually.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • QC Support

    (@jamil01)

    1 week, 4 days ago

    Hi,

    We can give you some CSS overrides to hide the button like designs and make it look like plain text links. Is that what you want?

    Thanks

    Thread Starter drhitch54

    (@drhitch54)

    1 week, 1 day ago

    Yes, I would love some CSS codes that can “squeeze” and “simplify” the table list to make it look simply like a string of text. As you saw from my demo page, it starts off with a simple list of area neighborhoods, that in turn will hyperlink to specific hotspots on the image map. Thank you

    QC Support

    (@jamil01)

    1 week, 1 day ago

    Please add the following custom CSS from Simple Link Directory -> Settings -> Custom CSS tab. Clear the cache and check again. We hope your issue will be fixed.
    Screenshot: https://prnt.sc/aqsfjeJRamjI

    /* Custom CSS */
    body .qcld-main-container-style-simple .simple .qcopd-single-list ul {
        padding: 0 !important;
        background-color: transparent !important;
        border-top: 0px solid transparent  !important;
        box-shadow: none !important;
    }

    body .qcld-main-container-style-simple .simple .qcopd-single-list ul li a {
        padding: 0px 10px !important;
        transition: 0.3s ease all;
    }

    body .qcld-main-container-style-simple .simple .qcopd-single-list ul li:hover a {
        color: #555;
    }

    body .qcld-main-container-style-simple .simple .upvote-section{
        display: none !important;
    }

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Tags