Change boxed content border color with extra class

[tonidomi]

Hi,

I’m trying to change the border color of some boxed contents (white with stroke) on an individual basis using extra classes.

I tried this, but I guess I’m writting the extra class wrongly as it doesn’t work…

  .borderOrange .spb_box_text.whitestroke .box-content-wrap{

border-color: #ec6c25 !important;

}

Where should I point my custom css in order to affect the border-color property?

thanks in advance!

[Melanie – SUPPORT]

Hey there!

Can you let me know your website URL with the element on it that needs the customization so I can check what the correct css would be like for your case?

You could try

.borderOrange .box-content-wrap{

border-color: #ec6c25 !important;

}

for now, but if that doesn’t work please post up your website URL 🙂

Thank you!

[Spukje]

Hello,
In line with the code mentioned above, I tried to create a white dashed border with a transparent background to a white boxed text box. This is the code I made:

.borderDashed .box-content-wrap{
background: transparent;
border: 2px dashed;
border-color: #fff !important;

I added it to the custom CSS box of the Supreme Theme Options. And I tried to get the extra class working by typing: borderDashed into the extra class field of the text box options. But it didn’t work. What did I do wrong?

kind regards,
Sjoukje

[Rui Guerreiro – SUPPORT]

Hi @Spukje,

Can you provide us the link to that specific page so we can inspect the code?

-Rui

[Spukje]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
1- Please remove dot (.) from extra class borderDashed. You inserted .borderDashed instead of borderDashed.

2- Find this custom css code at theme options:-

/*article#6580.post-6580 head*/
<script type="text/javascript" src="http://button.utrechtyourway.nl/213/"></script>;

.borderDashed .box-content-wrap{
background-color: transparent;
border: 2px dashed;
border-color: white;
}

Change with:-
.borderDashed{
background-color: transparent;
border: 2px dashed #fff !important;
}

Thanks
Mohammad

[Spukje]

Hello Mohammadd,
Thanx for your custom CSS. I followed your advices, but unfortunately it did’nt work…

Maybe it doesn’t work to start with the white box, because that’s the original text box? This is the original CSS witch is in Style.css:

/*========== Boxed Content Shortcode ==========*/

.wpb_box_text .box-content-wrap {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 20px 20px 1px;
}
.wpb_box_text.whitestroke .box-content-wrap {
border: 1px solid transparent;
}
.wpb_box_text.transparentstroke .box-content-wrap {
background: transparent;
border: 2px dashed;
border-color: #fff
}

Kind regards, Sjoukje

[Mohammad – SUPPORT]

Hi,
Please provide me wordpress admin login detail to check and resolve the issue.
Thanks
Mohammad

[Spukje]

Hello,

http://vierfiets.nl/wp-admin

Username: admin
Password: St@ationsplein!$14

Thanks, Sjoukje

[purplesu]

Hey man! you should hide your login info ~~~

[Spukje]

This reply has been marked as private.

[Spukje]

thanx, I changed it.

[David Martin – Support]

Hi,

Do you mean you resolved your issue or changed your password?

– David.

[Spukje]

This reply has been marked as private.

[David Martin – Support]

Hi,

You have an incredible amount of CSS errors in your Theme Options => Custom CSS.

You must fix this as a priority. Please validate your CSS here: https://jigsaw.w3.org/css-validator/#validate_by_input.

All those errors will not allow for future modification of elements like you are trying to do.

– David.