Archived topic
how to colour the quotes vertical line in generate press theme
5 replies · Started by Bharat on November 8, 2019
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
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;
}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
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
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
Try this CSS:
blockquote {
border-left: 5px solid #F00;
}