#181 – internal Links not Amplifying

 Hi I am using Avada the internal links on my AMP pages are not amplifying - not sure what I need to add to the "rendering" "
AMPlify links by CSS class" box to get this to work. Great plugin BTW generally, if I can get this niggle to go away i will be investing...thanks

Hi

Links in content should be AMPlified automatically if the corresponding target content is selected to be AMP. If that does not happen then yes, the particular theme you're using can be the cause. It's hard to go any further without looking at the specifics.

As for AMPlifying link by CSS, it's for those cases/extensions which do not use the WP API to build links (again, may be the case for your theme):

- If one such link (ie the a tag) already has a CSS class applied, say my-class, you can add my-class to the option AMPlify links by CSS class and weeblrAMP will make all links with that class AMP (assuming again the corresponding content has been selected for AMPlification).

- if the link does not already have a CSS class, and you can add one, just add wbamp-link: it's a default CSS class we added and it will have the same effect: because it's already listed in the b]AMPlify links by CSS class[/b] option, all links to an AMP piece of content and with the class wbamp-link will go to the AMP version.

Hope this helps,

Best regards

Hi Thank you , but that doesn't really help - save that I know (maybe) it is a problem with my theme, Avada which is a very widely used theme. You don't have any actual suggestions I could try? I haven't added any custom CSS to the site...

Further I tried a different theme (Neve) and that is still having the same problem...

Hi

You don't have any actual suggestions I could try? I haven't added any custom CSS to the site...

I provided my suggestion above with very much details:

- if those links already have any CSS class applied to them, you can add that class to AMPlify links by CSS class, this will cause links to be AMPplified
- if those links do NOT have any CSS class, you can the wbamp-link class to them and they will also be amplified.

I haven't added any custom CSS to the site...

I did not say anything about adding custom CSS to the site. I only talked about existing CSS class that may exist on the links, ie:

 <a href="https://example.com/som-page" class="some-class">Some link</>

In the example above, if you add some-class to the AMPlify links by CSS class field, this link will be AMPplified.

Note the condition for a link to be AMP is that the target post or page has been selected to be AMP.

Best regards

well I have tried all the CSS divs appearing the body - none of them make any difference.

fusion-fullwidth
fullwidth-box
fusion-builder-row-1
nonhundred-percent-fullwidth
non-hundred-percent-height-scrolling
fusion-builder-row fusion-row
fusion-layout-column
fusion_builder_column
fusion_builder_column_1_1 fusion-builder-column-1
fusion-one-full
fusion-column-first
fusion-column-last
fusion-column-wrapper data-bg-fusion-text
fusion-text

I have selected all pages to be AMP.

Hi

well I have tried all the CSS divs appearing the body - none of them make any difference

But did you just look at the link source code, inside the page displayed in your browser, if it has a class? There's no need to try all the classes you find in the page. Look at one of those links: does it have a css class? if yes, add that class into weeblrAMP AMPlify links by CSS class field.
If it does not have any class, can you add one when you create the link? if so, add the class wbamp-link to the link when you create it in your content.

Best regards

This ticket has been automatically closed. All tickets which have been inactive for a long time are automatically closed. If you believe that this ticket was closed in error, please contact us.