Hi there,
I am using the template Arthur on https://coaching2magic.nl/ but i still use Joomla 3 there. So i am trying to transfer the site to Joomla 4 on http://test2.coaching2magic.nl/
But it no longer supports the use of inline styles. So the introductionline of Hello my name is Arthur Klein on http://www.shape5.com/demo/arthur/index.php does't work anymore on my site the way it use to. I am missing the flow-effect, or how should i call it.

The code i used in Joomla 3:
<div id="top_text_effect"><img src="/images/DianaHandwrittenClay.png" alt="" class="top_text_signature" /> <span class="top_text_sub1"> Hallo! Mijn naam is<br />Diana van Raamsdonk </span> <span class="top_text_sub2"> Transformatie- en ont-wikkelcoach </span> <a href="/index.php/contact" class="readon">Laat me je coachen</a></div>

Can anyone tell me how to change this so it will work again?
Greetings,
Kees

I guess the default editor on your site strips out HTML tags in this custom HTML module so it doesn't show as expected.

You can go to Global Configuration in backend of your site >>set the Default Editor option to None:

then edit this custom module and use this content:

<div id="top_text_effect" data-sr="move 16px scale up 20%, over 0.7s" style="visibility:hidden;">
<img src="/images/DianaHandwrittenClay.png" alt="" class="top_text_signature" />
<span class="top_text_sub1">
Hallo! Mijn naam is<br />Diana van Raamsdonk
</span>
<span class="top_text_sub2">
Transformatie- en ont-wikkelcoach
</span>
<a href="/index.php/contact" class="readon">Laat me je coachen</a>
</div>

Hope this helps.

Nope, it doesn't work at all. It doesn't show anything now.

    sitecase Hi,
    Please update your original post with your site admin login account. Then we will be able to check further.

    I checked the module content and it seems to be correct. Let me check and will get back to you.

    11 days later

    I have created a test-site and a test2-site for coaching2magic.nl for updating to joomla 4.
    On test2.coaching2magic.nl i have a copy of the site where i updated Joomla to version 4 and i updated the template as well.
    On test.coaching2magic.nl i have a new clean install of the website and i made the menu's and articles again as a copy of the existing site with all the same codes. With the new install on the homepage some things are working well, that don't work on the updated site(test2).
    For example the introduction "Diana" that flows in with "Hallo! Mijn naam is Diana...". On the test2-site it doesn't work with the same code.

    When you scroll down you see "OVER MIJ" and it has 3 link buttons to LinkedIn, Instagram and Facebook. On the test2-site these buttons appear black.

    When you scroll down you will get to the circle of mindfullness. The points appear slowly. While on the test2-site they are static.

    So that's weird, right? I would prefer the test-site, but the articles on the blog-page will loose their viewcounts. In the test2-site the count is still active. Is there a solution to keep this count on the test-site?

      sitecase I updated css code for blog page in another topic, kindly follow it.

      I can't log into backend of your test2 site now, could you check?

      12 days later

      Sorry, the username was with a capital S

      9 days later

      I think i found the problem. I updated the theme and all my settings changed to default. So i had to change the settings in my template again.
      In the template settings i went to Javascripts. There i switch on the button "Enabel Scroll Reveal" and that did the trick!

      The only problem i hav left are the social icons that are not showing. I have this modele "Over mij" where i have 3 icons with links. But the icons won't show. They are on the homepage.
      On www.coaching2magic.nl they show they should, but on test2.coaching2magic.nl it won't work.
      Can you fix that?

      These are IonIcons and this option need to be enabled in template settings. I updated for you, kindly check.

      Write a Reply...
      You need to Login to view replies.