I tried to style the tabs menu and it all seemed fine in designer and in the preview but when I look at the published site none of style I customized is there, it looks like the default tabs menu style. Please help me, I can’t seem to find what is the cause for this.
The reason is because of CSS Specificity, you can see that the default .w-tab-link class styles are prioritized by the browser instead of the .featuredstories-tab.
The simplest way to fix this should be to rebuild the tab and instead of changing the tab link block display properties, add a Div Block element instead and apply your styling to that div. Another way is adding custom CSS to make your .featuredstories-tab styles !important but that is generally not a good practice.
Oh okay, I think i get it. But how can I go about adding the div block and linking it so it will open each tab since webflow only allows linking to an url, a page, a section, an email, a phone number or an attachment?
