I often struggle to target a “live” element – for example, a testimonial slider’s “previous” or “next” button. What happens is when I try to target it, the element does get highlighted by MT, but when I click on it, instead of being selected, the “button” itself does its thing, i.e. I ended up “pushing” that button.
Actually, I see that line is not the correct one – when I “inspect” the page it’s the correct class, but not in that div. When I search in that pane for the correct div it isn’t there, so I suspect the issue is that MT cannot see that HTML for some reason.
I’m going to import the CSS I need for that class into MT and see what happens…
Hmm, the jumpy line issue suggests your theme might be conflicting with MT’s HTML inspector feature. This can happen if the theme injects HTML during targeting, thus throwing the line calculation off. It’s normally fixable. If you don’t mind sending me access details for the site via our secure contact form I would be happy to investigate a fix.
Regrading importing the CSS. You can enter custom CSS selectors by editing the suggestions on the targeting suggestions pane. Or by using the (+) icon to manually add a selector to a folder via the Selectors menu (top left). So you don’t actually need to use the Packs > Import > CSS stylesheet feature (in case that’s what you were referring to when you say import).
I’m glad you figured out a way forward though 🙂
I think the issue was more that I was choosing the wrong selector in the HTML pane – I was trying to choose a selector that wasn’t supposed to display in the context the page was set up, hence MT struggling to find it in the UI. You would know better than me, of course 🙂 If you still want to have a poke about that’s fine with me, just re-confirm and I’ll do as you suggest re credentials etc.
And lol I didn’t know those 2 methods to add selectors! I do now – thanks 🙂
