Return to previous page

Page Builder Tabs Entry Content Padding - by Oliver Theiß

This topic has 8 replies, 3 voices, and was last updated 2 years, 5 months ago ago by Oliver Theiß

Oliver Theiß

Participant

July 11, 2022 at 17:53

hello all,

I have designed my product page with your page builder.
Thanks for the tool! It is a good alternative to elementor for this part.

I have made small CSS adjustmentm so that it works well mobile. I have implemented it with the YellowPencil plugin.

But I can’t get into the second and third tab with the CSS plugin.

I want to give the entry content in the tabs a padding right and left of 5% mobile and desktop 3%. See screenshot….

Can you support me with this small adjustment please

Best regards Oliver and stay healthy

Please, contact administrator
for this information.

#329370 Copied Theme version: 8.2.3 WooCommerce version: 6.6.1

7 Answers

Oliver Theiß

Participant

July 12, 2022 at 08:05

would that be correct ?

.tab-additional_information { padding-left: 3% ; padding-right: 3% ! important }

Thank you…:)

#329398 Copied

Rose Tyler

Support staff

July 12, 2022 at 09:10

Hello,

Yes, you can use custom CSS code for mobile. About desktop, check available settings – Single product Builder > Tabs > Berechnete Box, and every section has own settings – https://prnt.sc/DM0z1oBEbPB_

Regards

#329408 Copied

Oliver Theiß

Participant

July 12, 2022 at 10:42

Hello Rose,

thank you for your feedback. Yesterday I somehow had with it, because it was mobile always slightly shifted to the right…. Today it is normal. 🙂

would the code be correct if I include it in the customizer at mobile?

`tab-et_custom_tab_01 { padding-left: 3% ; padding-right: 3% ! important }

Many Thanks

Oliver

#329418 Copied

Awais Ahmed

Participant

July 13, 2022 at 06:49

Hello, @Oliver Theiß,

To add this CSS only for mobile you have to add some lines of code in the existing code of the media query to work only on mobile screens. Below I set the code now you can add this CSS code in the customizer as well.

@media(max-width:575px){tab-et_custom_tab_01 { padding-left: 3% !important; padding-right: 3% !important;}}

Regards 8Themes Team.

#329525 Copied

Oliver Theiß

Participant

July 13, 2022 at 15:45

Hello Awais,

thank you for the help …

I have to learn more about the topic,

Wish you a good day

Oliver

#329578 Copied

Awais Ahmed

Participant

July 14, 2022 at 05:59

Hello, @Oliver Theiß,

Sure, We would love to teach you 🙂
And do not worry I am always here to help you out…

Thanks for contacting us.
Have a nice day.

If you have any more concerns, you can create a new topic anytime…

Case Closed.

#329601 Copied

Oliver Theiß

Participant

July 14, 2022 at 07:36

Thank you 🙂

#329614 Copied
Tagged: content, entry, padding, page builder, tabs, themes, woocommerce, wordpress
Viewing 8 results - 1 through 8 (of 8 total)