Column Borders WP Bakery

Hello,

I have built a handful of sites with this theme, great theme! I have always noticed that the border options in the column settings (column > design options > border color + border style) simply do nothing. If I set the border to a color and/or change the border style to anything other than theme defaults, then save, then look again, it has reverted itself to the default of no border color and “theme defaults” for border style.

Is there a way I can use these two things?

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

You need to insert a number of pixes in the border, for example 2px on each side in the CSS block, then chose solid or other styles instead of “Theme default” and set the color, and the border would appear.

If you have any questions or need further help, please feel free to contact us.

Best Regards

Aha! Simple fix, thank you.

Related question – Do you know how I can add a shadow underneath a column background color?Much like the shadow I can add under a header in woodmart header builder. Thanks!

Sorry I should have mentioned, I tried with this CSS:

.shadowtime {
box-shadow: 5px 5px 5px;
}

but the shadow does not follow the edges of the rounded white background of the column, it instead is just outside the white, and a square angle on the corner, please see attached image. Thanks for your help!

Attachments:

You must be logged in to view attached files.

Hello,

The header builder has the option to add the shadow in the row settings: https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Please provide the page URL and which block requires the shadow?

Best Regards

I want to add a shadow underneath a column background color which is white

Hello,

You need to assing a class to the inner column and then add this CSS: box-shadow: 0 0 9px rgb(0 0 0 / 12%);

You will get the result like this https://gyazo.com/b2aa68c339013542981b0f0c8544490a

If you need help. please provide site admin access to the private area.

Best Regards

Hello,

Yes, I tried that and it is still showing the shadow as a box around the white background, see image attached. It does not follow the white background of the column.

Attachments:

You must be logged in to view attached files.

Hello,

Please provide the page URL with the blocks I cannot find.

Best Regards

Sorry about that, here you go

Hello,

Please check now. You can change the shadow as per your needs: make it more or less visible.

Best Regards

That works thank you

For anyone else wondering how to make a shadow in an inner column, add this to your custom css with a class name of your choice:

Custom css:

.yourclassnamehere .vc_column-inner {
box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}

Then add the class name to the “Extra class name” field for that inner column.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts