Triggers and pop up position not static

Solved to position issue myself ??

@nordicit

We have created a doc here that will guide you through finding your own CSS Selectors.

Hope that helps!

@waltmesser

I’ve tried that several times, but I can’t make it work? When i follow these exact steps, my selectors look like this:

body > table > tbody > tr:nth-child(535) > td.line-content > span

Can it be because I am using a Mac computer? Or do you have any idea that i could be doing wrong?

@nordicit

It looks like your site is in maintenance mode – I’ll need to see it live so I can help you out.

@waltmesser

Sorry about that. I’ve disabled it now ??

The page that is the problem is this one: https://nordic-it.com/newsite/mark5/
It is the buttons in the pricing tables – I would like to have each button as a seperat trigger.

I’ve found the others myself, but these ones are a problem to me.
Thank you.

@nordicit

First button: .vc_custom_1486480349627 li a:last-child

Second button: .vc_custom_1486480637507 li a:last-child

Third button: .vc_custom_1486481408457 li a:last-child

Let us know if that helps.

@waltmesser

Could you fill me in on how to find the trigger?
The first button work but the second and third are not.

Can you help me with this?

@nordicit

2nd colum:
.vc_custom_1486735937280 li a:last-child

3rd column:
.vc_custom_1486735945305 li a:last-child

As far as how?

Right Click on page > Inspect and just dig through the page code really. Your page builder creates custom columns with specific numbers which you can then use CSS to target – hence the “vc_custom_##########”

You’re only forced to do this because you haven’t set any Custom CSS Classes within your pricing table columns.

I also have to use “last-child” because the list items and/or buttons don’t have any Custom CSS Classes.

This is all okay, but for some reason the numbers changed when you edited the columns or something. Not too sure. But they are different from what they were for sure.

Either way, you don’t want to have to do this every time you edit the columns so you might want to add those Custom CSS Classes.

You can usually find the field to add your CSS Classes to the columns within the setting tab when you create the column/pricing table. You might have to contact their support to find it if you can’t find it.

Hope that helps!

Thank you @waltmesser
They work now ??

I’ve tried you method, in case I need it done again, but the CSS Selector i get is this:
body > table > tbody > tr:nth-child(635) > td.line-content > span

I’ve also tried to download the extension for Chrome to make the selection easier, which works for regular buttons, but not these ones in the pricing tables.

But hopefully I’m done editing the pricing tables now anyways.

Thank you again ??

@nordicit

In some cases, to get the best/most efficient selector, you just have to dig into the code elements and basically do it “manually”. It’s a simple process if you have good HTML/CSS knowledge, but from a beginner’s point of view, it’s basically impossible.

I always test my selectors using Stylish Extension for my browser (write CSS for any site without the need for uploading/editing files). Then I’ll use a style like border:5px solid red; so that I can tell if the selector is actually doing what I want because it will put a huge border on anything the selector is styling.

Either way – glad it works! Let us know if you have any other questions or issues, and we’ll be happy to assist you.

If you’re enjoying our product, please do take a moment to click that our plugin Works and to rate and review the plugin to spread the love! <3