how to change the width for a single page

Hello,

Excuse me! can you please let me know how adjust a width of a single page so that I can put all tabs in one row, you can see a screenshot for clarification.

Attachments:

You must be logged in to view attached files.

Hello,

Please share the wp login details in private content under the message area I will check and give you a possible solution.

Best Regards.

hello,

updated for admin access.

Hello,

Go to pages > edit page with wp bakery > edit row and in the row settings select stretch row and content.
Here is the guide:
https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-make-full-width-or-full-height-row/

Best Regards.

Hello,

I’ve watched the video on youtube, but there is still a question as below:
Can’t I choose “Stretch row” to stretch the tabs only? if I stretch row that nothing will happen, so must I choose “Stretch row and content” to stretch whole content include
tabs and content below tabs to be full width? I need just stretch tabs in a row only, and keep content no change.
please give me another way to make it. Thank you!

Best Regards.

Attachments:

You must be logged in to view attached files.

Hello,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

.vc_tta-color-black.vc_tta-style-modern .vc_tta-tab>a {
	font-size: 10px !important;
}
.vc_tta-tabs.vc_tta-o-no-fill .vc_tta-tabs-container, .vc_tta-tabs.vc_tta-o-no-fill .vc_tta-tabs-list, .vc_tta-tabs[class*=vc_tta-gap] .vc_tta-tabs-container, .vc_tta-tabs[class*=vc_tta-gap] .vc_tta-tabs-list {
    display: inline !important;
}

Best Regards.

Hello，

Thanks for your code, I put your code in the Global custom CSS but it seems doesn’t work, it chanded nothing.
see screenshot for more explanation, thank you!

Best Regards.

Attachments:

You must be logged in to view attached files.

Hello,

Sometimes, your browser might be showing you a cached version of the page. Clear your browser cache or try accessing the page in incognito/private mode to see if the changes appear.

Best Regards.

Hello，

Thank you for your help, actually you right, the code is working now after clearing my browser cache.
But, it seems the result that is what I don’t want.

With your code, it can make all tabs in a row, but the sizes of icons and fonts are become smaller which is not good for reading, so please modify the code to stretch the row of the tab to be more width, and the sizes of icons and fonts will be back to be original. Thank you so much!

Best Regards.

Attachments:

You must be logged in to view attached files.

Hello,

Because you are using a large amount of tabs that is why they do not fit in one row. You can do it from the wp bakery page builder and make the row full width or you can use the custom css code. If you increase the font size the content spreads and it does not fit in one row.

Hope you can understand!

Best Regards.

Hello,

Sorry! I don’t realy understand, you gave me the code that fits all tabs in one row because you have just decreased sizes of fonts and icons. Since it is so, why you don’t give me the code to stretch tab row to be full width, there is enough space two flanks. However, In this situation, I’ve tried the wp bakery page builder I found that there is no way meet my need.
So, please reach out really! Thank you!

Best Regards.

Hello,

What’s wrong with me? Why haven’t you reponsed yet? I just want to know whether you can give me the code to stretch tab row to be full width or the tabs in a row without decreasing sizes of fonts and icons.

Regards.

Hello,

These were the possible ways I told you in the previous replies. Sorry there are no options in theme settings to achieve this. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Best Regards.

Hello,

it’s done, thanks anyway!

Regards.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts