bad view

uuniversal · May 2022

Hello,

I'm having trouble displaying the shortcode tooltip in the table. I use the wp-data Tables plug-in, where I add your shortcode-tooltip to the cell on the row. Unfortunately the tooltip is not displayed correctly, it is only in the cell and not in front of the whole table. Can you help me or not throw another solution using be-theme template.

Test: Numero: https://neonatologie2022.eu/zkouska/

Phil · May 2022

Hi,

Sorry, but we did not test this plugin with the theme. Our policy states that we do not support third-party plugins or custom code.

Also, we cannot recommend any plugins other than the ones we support. You can find the list on this page, in the sidebar:

https://themeforest.net/item/betheme-responsive-multipurpose-wordpress-theme/7758048

Instead, you can use a standard HTML table with which this shortcode works.

Thanks

uuniversal · May 2022

Hi.

I have used a table, I need to force - cancel color changes in table rows. My goal is to achieve the same table as in the attachment. But the byrvy is changing row by row.

uuniversal · May 2022

uuniversal · May 2022

https://klidprosport.cz/?page_id=648 web test

Pablo · May 2022

Use the color as you wish, this CSS code is changing every row, use it in the Custom CSS field of editing page (Page Options)

#tab table tr td:nth-child(1){background: red !important;}
#tab table tr td:nth-child(2){background: blue !important;}
#tab table tr td:nth-child(3){background: green !important;}
#tab table tr td:nth-child(4){background: yellow !important;}
#tab table tr td:nth-child(5){background: aqua !important;}
#tab table tr td:nth-child(6){background: purple !important;}

thanks

uuniversal · May 2022

The site uses Elementor - unfortunately there is no custom CSS style /it is paid/ Can the style be written directly into the html code of the table?

Pablo · May 2022

It's possible but it will take a lot of time, because it require to add CSS code for every single element, not good idea.

If you will insert some Custom ID for section with that table, then add that ID for the CSS code and insert the code to Theme Options -> Custom CSS & JS -> CSS

Thanks

uuniversal · May 2022

If I name the ID "tab", what should be the resulting code entry in Custom CSS & JS -> CSS I am not a programmer, thank you.

Pablo · May 2022

Just add the #tab before every rule, I already replaced the old code with the new one, so you can copy and paste it.

thanks

uuniversal · May 2022

Superb!!!! Thanks!!

uuniversal · May 2022

Hi,

I still need to change the background color of the TOOLTIP - from grey to light purple. And can I somehow make the frame bigger so that the text is not too much on the edge. Thank you for your help.

Phil · May 2022

Please, use the following CSS code:

.tooltip::before{
   background-color: #630067!important;
 padding: 20px!important;
}

Thanks

uuniversal · June 2022

Thank you very much, it already looks good. Perhaps the last query, I need the last 4 columns in the table to be the same width. How can I achieve this? Thank you.

https://klidprosport.cz/?page_id=648

Phil · June 2022

For that, you will need to use the following code:

table tr td:nth-child(3),
table tr td:nth-child(4),
table tr td:nth-child(5),
table tr td:nth-child(6){
   min-width: 120px!important;
}

However, notice that such wide tables will not be responsive and on widths below 960px, so I suggest considering a different layout for mobile devices.

https://support.muffingroup.com/video-tutorials/responsive-editing-in-bebuilder/

Thanks

bad view

Comments