Customize scroll bar color

How to?

  1. Create any section and put the class on it to make it easy to target
  2. Add CSS below to the code block and target it to the page that you want
				
					.op-custom-scroll .op-target-section .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap {
    height: 250px;
    overflow-y: auto;
}

.op-custom-scroll .op-target-section > .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap::-webkit-scrollbar {
    width: 10px;
}

.op-custom-scroll .op-target-section .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #ccc;
}

.op-custom-scroll .op-target-section .elementor-container > .elementor-row > .elementor-column > .elementor-column-wrap::-webkit-scrollbar-thumb {
    background-color: var(--e-global-color-primary);
    border-radius: 6px;
}

				
			

Example:

Bryan and his team did an extraordinary job with installing my new roof. I was very pleased with their work. They did a good job with clean-up afterwards. They also repaired an inside leak in two of my bedroom closets. I would recommend Iconic Roofing & Exteriors for your home repairs.

Emma Fountain

If you are looking to put on a new roof, look no further. These guys do a great job and deliver a quality product. Very good communication and easy to work with. You will not be disappointed. Highly recommended.

Robert S.

Very easy to work with. Turned out exactly the way I wanted.

Virginia R.

They did a great job on my roof. The men who worked on the house were very professional. Whenever I had questions, they were right there to answer them.

Heather M.