Conflict with TheGem theme functionalities

Resolved rely28
(@rely28)

7 months, 2 weeks ago

Hi,

I’m currently testing a new theme, called TheGem (quite popular on Envato) but for some reason, I saw that your plugin is messing up with the theme’s functionality. To be more precise, I have page options any time I update or create a new post/page, within that options area, I have selectors to change aspect and other parameters for the page. But your theme made these selectors appearing shrinked, thus, not seeing it’s actual content, any idea what could provoke this behavior ??

Viewing 3 replies - 1 through 3 (of 3 total)

Thread Starter

(@rely28)

Hi,

I give you an update as I've found what's going on, in your plugin, there is a css file named travelers-map.admin.css?ver=2.3.1, which include these lines 



.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}

.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}

.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}

.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}

.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}

.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}

.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}

.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

I guess they control each colonne size when using builder such as wpbakery but not sure what they really control, all I know is that they interfere with the selectors I've mentioned since they use something similar which include a col-1 as such :

#thegem-options .form-grid .col-1 {

What happened is that their option is constrained by that 8.3333% width from your css (from any weird reason.... I want to be sure that If I remove the .col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}

it won't messed up the behavior of the map (from my understanding, this parameter should be only in used if I'd use a map on a 1/12 colonne in wpbakery ? seems that this css is only called on an article when editing, not when a map is used and online, am I correct ?

Sorry for the long message, just want to make it clear.
Regards,

Plugin Author

Camille V

(@socrapop)

7 months, 1 week ago

Hello,

Thank you for finding out what was the problem. This css file is loaded only on the backoffice and is used in the travelers map settings page and shortcode helper page.
I will clean all of this in the next fix, most of the .col- classes are useless. You can remove the conflicting class declaration manually in the meantime 😉

Thread Starter

rely28

(@rely28)

7 months, 1 week ago

Hi,

Thank you for your reply ! Ok, I’ve deleted the faulty lines, good to know !