[Support request] how to colour the quotes vertical line in generate press theme

Home Forums Support how to colour the quotes vertical line in generate press theme

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1057552
    Bharat

    Can you please help me to color the line which comes on the left side of a quote in generate press theme. just check this screenshot for reference. http://prntscr.com/pujh5g

    Moreover, can you tell me on this website(https://www.anabolicbodies.com/supplements/steroid-alternatives/) which table of contents plugin have they used for making a table of contents? Because in the plugin which I use, the table is only coming on the left side. The right side of the table of contents is always vacant http://prntscr.com/puji35 . I also want to know how to color the header background on the table of contents like this

    The bottom line is I want my table of content to look like this. http://prntscr.com/pujij4 Please help me how to achieve this

    #1057913
    David
    Staff
    Customer Support

    Hi there,

    That example site is built with Thrive architect – try this CSS:

    @media (min-width: 768px) {
        #ez-toc-container nav>ul {
            -webkit-column-count: 2;
            -moz-column-count: 2;
            column-count: 2;
        }
    
        #ez-toc-container ul li {
            -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
            break-inside: avoid;
    
        }
    }
    
    div#ez-toc-container {
        padding: 0;
        background-color: #ccc;
    }
    
    div#ez-toc-container nav,
    .ez-toc-title-container {
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    
    .ez-toc-title-container {
        background-color: #000;
    }
    
    div#ez-toc-container p.ez-toc-title {
        color: #fff !important;
    }
    
    #ez-toc-container ul li a {
        color: red !important;
    }
    #1059093
    Bharat

    I used this CSS code but it showed an error while using it. You can check the error here http://prntscr.com/pv8dde
    I still used it(clicked on update even though it might break my website). It changed the table of contents to look like somewhat I want but it was again on one side only. check this http://prntscr.com/pv8esx to understand what I mean. I want two columns in the table of contents.

    Moreover, it how to change the color of the quotes line

    #1059195
    David
    Staff
    Customer Support

    I edited the code above, there was a spacing missing between @media and the firsts (
    This should fix the error and provide the 2 columns

    #1060122
    Bharat

    Thank you very much. It worked now. Table of contents is sorted now
    Now how to change the color of the quote line. Please check this http://prntscr.com/pvqa5p

    #1060288
    David
    Staff
    Customer Support

    Try this CSS:

    blockquote {
        border-left: 5px solid #F00;
    }
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.