Increase the thickness of bottom border

Hi,

Could you tell me which border bottom that you talking about?

Hi awanrmb,

Sure, the bottom border for a couple of my full width images.

The first one is titled “We’re Problem Solvers.”

The second one is titled “We Think Ahead.”

Thanks

Post the URL of your site please…

Oops….

It’s https://www.pivotwright.com

oh I see, here is the steps:
1. edit page > edit row > row styles > theme > add a name class, i.e custom-border-bottom (add these name class to both of your widget rows)

2. add this css code using simple custom css plugin:

.custom-border-bottom{
  border-bottom-width: 5px;
}

Hi awanrmb,

It doesn’t seem to work.

I added a custom class to the “Have a Question About Our Services” row, and then added the css code to my child theme.

Do you have any further suggestions?

Thanks

Hmm.. the css code in above is replaced by the default css rule of the row. Please try this instead:

.custom-border-bottom {
    border-bottom-width: 5px !important;
}

Unfortunately, it still didn’t work.

I’ve used “!important;” trick before, so I was thinking it was going to work.

Hmm…

Do you think maybe it’s not possible to modify this feature?

Hi awanrmb,

Oops, so it actually did work. ??

What happened was that I forgot to delete the semi-colon after the “5px” part of the code. So I had two: one after “5px” and another one after “!important”. After deleting the first semi-colon, it worked perfectly.

Thanks man. I really appreciate it!

Ronnie