unable to style FAQ

webklub
26 Posts
webklub posted this 29 April 2021
Ask a Question

Hello

I have a problem with styling of FAQ element.

When I input the element to block, I cant fit the height for all devices. I even cant fit the element to desktop.

I need the flexible height of element (logically) because the height of every item could be different. But in NP I can set only fix height - what isnt needed status. If I add more another tabs with bit bigger content, the element flows under the next block because the height is fix and no flexible (responsive). Even "100vh" doesnt solve the issue.

There is no possibility to set the height of whole element, item height, padding of items, etc...

I tried add premade FAQs, but the same result. It behaves same way. No flexibility of height dependently on height of content.

Could you do something with it? Or advise something?

Thanks a lot.

Hello I have a problem with styling of FAQ element. When I input the element to block, I cant fit the height for all devices. I even cant fit the element to desktop. I need the flexible height of element (logically) because the height of every item could be different. But in NP I can set only fix height - what isnt needed status. If I add more another tabs with bit bigger content, the element flows under the next block because the height is fix and no flexible (responsive). Even "100vh" doesnt solve the issue. There is no possibility to set the height of whole element, item height, padding of items, etc... I tried add premade FAQs, but the same result. It behaves same way. No flexibility of height dependently on height of content. Could you do something with it? Or advise something? Thanks a lot.

Last edited 29 April 2021 by webklub

styling faq
Vote to pay developers attention to this features or issue.
6 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 29 April 2021

Hello Dusan,

Please specify which element you put into the FAQ Tab Content area? And what type of content you inserting (screenshots will be perfect).

FAQ Element Items change their height according to the content inside.
Provide us more specific information, we will try our best to help.

...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Dusan, Please specify which element you put into the FAQ Tab Content area? And what type of content you inserting (screenshots will be perfect). FAQ Element Items change their height according to the content inside. Provide us more specific information, we will try our best to help. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
webklub
26 Posts
webklub posted this 29 April 2021

OKAY, I enclose printscreens of tabs
I just inserted new blank block and blank element of FAQ
I just styled it colorly but I didnt do any size (fit) formatting, so you can see the result

np-faq-small-tab-with-very-big-empty-space.png
OKAY, I enclose printscreens of tabs I just inserted new blank block and blank element of FAQ I just styled it colorly but I didnt do any size (fit) formatting, so you can see the result !np-faq-small-tab-with-very-big-empty-space.png!

Last edited 29 April 2021 by webklub

np-faq-small-tab-with-very-big-empty-space.png
webklub
26 Posts
webklub posted this 29 April 2021
np-faq-big-tab-with-big-empty-space.png

big tab with big empty space - wrong

!np-faq-big-tab-with-big-empty-space.png! big tab with big empty space - wrong
np-faq-big-tab-with-big-empty-space.png
webklub
26 Posts
webklub posted this 29 April 2021
np-faq-small-tab-with-big-empty-space.png

small tab with big empty space - also wrong

!np-faq-small-tab-with-big-empty-space.png! small tab with big empty space - also wrong
np-faq-small-tab-with-big-empty-space.png
webklub
26 Posts
webklub posted this 29 April 2021
np-faq-big-tab-with-small-empty-space-ONLY-GOOD.png

only good

!np-faq-big-tab-with-small-empty-space-ONLY-GOOD.png! only good
np-faq-big-tab-with-small-empty-space-ONLY-GOOD.png
Support Team
Support Team posted this 30 April 2021

Hello Dusan,

Thanks for the clear explanation of what you want to achieve.

From the start FAQ items have the same height, according to the Text amount inside.
If you insert only text, please :
- Create your FAQ element
- Click on the created FAQ element and select Spacing settings on the panel on the right

enter image description here

- Adjust the desired padding for each element of FAQ here:
enter image description here

- Put desired content inside the Tabs.
- At the Desktop view. Select FAQ Item (not text element) manually adjust the height of the bottom part of a Tab to fit content inside.
enter image description here

After that in all views, tab height will be adjusted.
Unfortunately, when you change the amount of the content you will need to adjust the height of the FAQ Items again in the Desktop view.
...................................................
Sincerely,
Negat Veri
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello Dusan, Thanks for the clear explanation of what you want to achieve. From the start FAQ items have the same height, according to the Text amount inside. If you insert only text, please : - Create your FAQ element - Click on the created FAQ element and select Spacing settings on the panel on the right ![enter image description here][1] - Adjust the desired padding for each element of FAQ here: ![enter image description here][2] - Put desired content inside the Tabs. - At the Desktop view. Select FAQ Item (not text element) manually adjust the height of the bottom part of a Tab to fit content inside. ![enter image description here][3] After that in all views, tab height will be adjusted. Unfortunately, when you change the amount of the content you will need to adjust the height of the FAQ Items again in the Desktop view. ................................................... Sincerely, Negat Veri Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp [1]: https://i.postimg.cc/fywRyBHq/image.png [2]: https://i.postimg.cc/xTBVF6vr/image.png [3]: https://i.postimg.cc/g2rqrKQ0/image.png
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design