How to make the border transparent?

  • Resolved semperaye

    (@semperaye)


    7 years, 11 months ago

    Hello,

    I love the plugin! I’m currently running the transparent theme, and there is a grey border box around the TOC. How can I remove this box, i.e. make it transparent as well?

    I’ve tried the custom theme, setting everything to white, but there is this drop shadow or something that makes it not transparent on my white background.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Steven

    (@shazahm1hotmailcom)

    7 years, 11 months ago

    @semperaye

    I’m certain you can make it transparent using CSS but it is not possible for me to know how exactly or let you know how without a link to the page 😉

    Thread Starter semperaye

    (@semperaye)

    7 years, 11 months ago

    Hi. This is what I ended up with for a fix:

    #ez-toc-container {
    background: #F9F9F9;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    display: table;
    margin-bottom: 1em;
    padding: 10px;
    position: relative;
    width: auto;
}

    The following are two I manually changed:

    border: 1px solid #fff;
    box-shadow: 0 0px 0px rgba(0,0,0,0);

    I’m sure there is a better less messy way of writing this custom css, but I’m just a beginner.

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

The topic ‘How to make the border transparent?’ is closed to new replies.