By using’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor

    Join us!
elementor official

Tabs Widget. Custom CSS. Double border.



New Member
First of all, I would like to say hello to this forum and community!

I got a small problem with custom CSS and borders. I am trying to achieve this effect:

But so far I'm getting this:


My issue: With this custom CSS solution I'm still getting this double bottom border. I would like to achieve the same effect as on screenshot nr 1. I need some help with CSS. Any suggestion or solutions?


selector .elementor-tabs-wrapper {
display: flex;
justify-content: center;
position: sticky;
top: 0;
z-index: 2;
background-color: white;
display: inline-block;
margin-left: 5%;
margin-right: 5%;

border-bottom: 3px solid #DFDFDF;
selector .elementor-tabs-wrapper .elementor-active
border-bottom: 3px solid #FDDA0E ;
font-weight: 700;


selector .elementor-tab-desktop-title
margin-right: 12%;


Latest posts

Latest Resources

Other Elementor Resources

elementor official