How to make Borders more pronounced/colored?

[klelietta]

Hi, quick question. I wanted to know how to change the thickness and the color of the border using visual composer.

See the below image, in there I’m using the VC normal set up and I’d like to be able to customize it a little. Thank you in advance for your help.

As you can see the box of the table of contents is barely visible. Probably I need to add some css customization in the style field? (but unfortunately, I don’t know much about it) if you could only tell me the basic, I can add the different colors and thickness of the line)

Thanks

[ruenel]

Hello @klelietta,

To change the border width and color, please make use of this custom css:

.x-content-band.border-top,
.x-content-band.border-left,
.x-content-band.border-bottom,
.x-content-band.border-right {
    border-width: 3px;
    border-color: red;
}

We would loved to know if this has work for you. Thank you.

[klelietta]

Thanks
where should i put this on visual composer? (I’d like to customize each one case by case not on a global level), its it the custom field, the style field?

[ruenel]

Hello @klelietta,

This css code should be applied globally. If you want to apply on a case to case basis, it would be appropriate if you add an inline css in your content band settings “border-width: 3px; border-color: red;” (without quotes)

We would loved to know if this has work for you. Thank you.

[klelietta]

Thanks, it works perfectly and that’s exactly what I needed! Much appreciated

[ruenel]

You’re welcome!
We’re glad we were able to help you out.