Design options not saving

[Cairs_nic]

Hi,

The design options I’m choosing in my tabs settings is not saving for some reason. Can you please help me to fix this? Thanks.

http://wellpointcanada.com/internationalshipping/

[Cairs_nic]

I’m trying to put a thin dark blue boarder on the tabs area. That’s basically it.

[Harry]

Hi,

You can add below custom css in JanStudio > Theme Option > General Layout > Custom CSS

.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-modern .vc_tta-tab > a {
border-color: #484152;
padding: 10px 15px;
}

Change #484152 with your border color

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Thank you for the coding….I added it to the Custom CSS space and changed the color code but the changes didn’t apply.

[Harry]

Hi,

It because style of Visual Composer override

You can replace prev code to

.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-modern .vc_tta-tab > a span {
border: 1px solid #484152;
padding: 10px 15px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Hi,

Thanks for the new code, the thin boarder is now showing up around the titles of each tab but what I would like is a boarder around the content area too. Maybe I was not explaining it clearly sorry, my fault.

[Harry]

Hi,

You can add more custom css

.vc_tta-panel-body { border: 1px solid #00008b !important; margin: 10px; }

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Hi,

Thank you for the extra coding, I now have the boarder around the content which is great but not around the titles of each tab which isn’t good. I would like the boarder to go around each entire tab including the titles please…I would also like to have rounded corners on the boarder. Sorry to add more changes. It’s too bad I can’t do this work on my end. Also, I’m getting the boarder in places that I don’t want it like around the products displayed on my home page. I need to remove that somehow. Thanks again.

[Harry]

Hi,

I mean you add new code for content don’t remove prev code for title

.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-modern .vc_tta-tab > a span {
border: 1px solid #00008b;
padding: 10px 15px;
}

And can change prev code for border on tab content to

 

.vc_custom_1503115611618 .vc_tta-panel-body { border: 1px solid #00008b !important; margin: 10px; padding: 15px; }

 

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Sorry I’m confused about this, can you please show me all of the custom CSS coding I need together in one bunch, not in pieces. Thanks.

[Harry]

Hi,

The complete code is

.vc_custom_1503115611618 .vc_tta-panel-body { border: 1px solid #00008b !important; margin: 10px; padding: 15px; }.wpb-js-composer .vc_tta-color-mulled-wine.vc_tta-style-modern .vc_tta-tab > a span { border: 1px solid #00008b; padding: 10px 15px;}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Thank you. How do I add rounded off corners and also include the titles of the tabs in the boarder? Thanks again.

[Harry]

I help you added border for title. You mean you want add round corner for both tab title and tab content?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Yes please, rounded corners on both the tab title and tab content….is there a way to make the tab title and tab content one large tab per section or do they need to stay apart like they are now? Thanks.

 

• There’s also a little tab box showing up above the products section on my home page that’s not suppose to be there.

[Cairs_nic]

By the way you’ll need to log into my site to see this issue because I have the site on maintenance mode while I’m adding/changing the content. Thanks.

[Harry]

Hi,

You can make tab title bigger but tab content still stay at now.

You replace 2 last line code in Theme Option > General Layout > Custom CSS code with new code

.vc_custom_1503115611618 .vc_tta-panel-body { border: 1px solid #00008b !important; margin: 20px 10px 0 !important; padding: 15px !important; border-radius: 5px !important; }
.wpb-js-composer .vc_tta-tab > a span.vc_tta-title-text {border: 1px solid #00008b !important;padding: 15px; border-radius: 5px;}

 

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Cairs_nic]

Thank you.

[Author]

Posts