By using Elementorforum.com’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.

W

Waski

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:
section.gif


But so far I'm getting this:
sofar.PNG

doubleborder.PNG


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?

My CSS:


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%;

}
 
elementor official
elementor official
Top