raoulunger

Never mind – found it, but the quoted instructions should be updated. There is now ‘options’ button, the edit button is now the shortcode itself, and editing only works when the editor is in visual mode, not when it is in text mode.

I ran into the same problem as you did. The plugin gives you two options: to add one or more classes, and/or to add one or more selectors. This is a little confusing, as a class is essentially a selector too, and the explanation is a little unclear.
Having said that, I got it working by filling out the selector-field only, and adding the img tag there. So [.your_class img]. Don’t forget the dot starting the class-name, and don’t forget to tick the checkbox that says ‘Images with CSS Selectors Set Below’.

If you do this in the class-field instead, it won’t work.

In spite of this slightly confusing matter, I find this to be a plugin that works very well, and that can be custom styled very easily.

• This reply was modified 1 year, 8 months ago by raoulunger.

Had the same issue – all of a sudden the landing page imagery would not show on the front end (even though it was still perfectly visible in the page preview). Disabling the ‘Isolation mode’ on the page settings did indeed resolve it, but that seems confusing behaviour to me…

• This reply was modified 1 year, 11 months ago by raoulunger.
• This reply was modified 1 year, 11 months ago by raoulunger.

Hi,

Yes, I noticed that. I think it would be really good if you would add that possibility. Clients (on their version of the backend) have to use the editor often to add posts, but there is great risks in allowing them to add the snippets that are part of the structure of the site. If they would mistakenly add for example a snippet for a header or a footer to their post, this would create chaos in the site.

Regards

[edited the test page to show only slider and regular image in one grid]

• This reply was modified 3 years, 8 months ago by raoulunger.

Actually, I have now set-up your plugin and a temporary test page on my own portfolio site to show you the problem more clearly. CSS and HTML are both on the same page:

https://roodlof.nl/?page_id=5113

I tested this page in Safari, Chrome and Vivaldi (on an iMac) and the problem only occurs in Firefox (both Regular and Developer Edition). I had not noticed that yesterday.

The test page shows two item
– two images in on slider in a grid
– the same image image in the same grid (but not as slider)

You can observe that, when making the width of the window smaller, the slider does not adjust well. It stays at the same size. Only when the page is refreshed will it load at the correct size. When making the width of the window wider again the problem is not there. The second image (no slider) behaves as expected.

Can we solve this?

Cheers!

• This reply was modified 3 years, 8 months ago by raoulunger.
• This reply was modified 3 years, 8 months ago by raoulunger.
• This reply was modified 3 years, 8 months ago by raoulunger.
• This reply was modified 3 years, 8 months ago by raoulunger.
• This reply was modified 3 years, 8 months ago by raoulunger.
• This reply was modified 3 years, 8 months ago by raoulunger.

Thanks for your help! That sort of works, probably because I had some other css targeting the individual sub-items. That would explain why the bullets turn red too (suggesting that still the entire menu ‘wants’ to be red).

.current_page_item a{
	color: green
}

.current-menu-parent {
	color: red;
	border: 1px dotted blue;
}

Anyway, I’ll give this some further tweeking tomorrow, thank you for your time!

• This reply was modified 4 years, 4 months ago by raoulunger.
• This reply was modified 4 years, 4 months ago by raoulunger.

I have seen those too, but whichever combination of those classes I try (or single), they always target the entire menu, not just the parent tab.

I’ve now set-up a second set in the same menu, with a ‘normal’ parent for the subset. The classes assigned are different from the custom link (see below). But in all fairness, I tried to target the normal parent (in the second set) to be highlighted (green) when one of the sub pages are open, but could not get that to work either. Perhaps I’m missing something very obvious in term of css semantics?

test

These are the classes assigned (stacked for ease of reading):

custom item;

<li id="menu-item-878" class="
menu-item
menu-item-type-custom
menu-item-object-custom
current-menu-ancestor
current-menu-parent
menu-item-has-children
menu-item-878">

‘normal’ parent item (notice the use of ‘_’

<li id="menu-item-893" class="
menu-item
menu-item-type-post_type
menu-item-object-page
current-menu-ancestor 
current-menu-parent
current_page_parent
current_page_ancestor
menu-item-has-children
menu-item-893">

• This reply was modified 4 years, 4 months ago by raoulunger.
• This reply was modified 4 years, 4 months ago by Steven Stern (sterndata).

Yes, those are the three (sketchy) sub-pages, sorry for that confusion. I have now set up the test menu with three empty pages, to illustrate the issue more clearly:

test page

As you can see, the custom tab gets no individual class, even though it was made in the menu dashboard as a custom link.

Thanks!

• This reply was modified 4 years, 4 months ago by raoulunger.

I have clarified the first post. The site is not live yet (and in a sketchy state), but I made a test page to show the menu. It’s in Dutch, but the parent is the custom menu item, the three sub-items link to pages.

test page is here

I will remove this link later today.

• This reply was modified 4 years, 4 months ago by raoulunger.
• This reply was modified 4 years, 4 months ago by raoulunger.

Thanks for the answer. However in this case the top level item is a custom link (made under appearances > menus > custom links). This is normally used to get a top level tab (Books) in the navigation (to group pages under) without there being an actual page ‘BOOKS’. I had found those classes you mention, but they are not assigned to the custom link tab…

Thanks for the answer, that clarifies a lot!

update (for future visitors) – the lead developer answered the original thread:

‘I actually tracked it down just now and it should be a simple fix, trying to get it into v1.10 next week, but its already in beta so it may have to wait until v1.10.1.

Original thread is here:
https://www.ads-software.com/support/topic/responsive-images-not-working-2/#post-12691824

Hi Daniel,

Thanks for the answer, it would be great if this could be solved!
I’ll keep an eye out then for 1.10 or 1.10.1.

Cheers,

Raoul

Any answer?