My name is Arthur

sitecase

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

saguaros

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.

sitecase

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

cssmagician

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

sitecase

Done.

saguaros

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

sitecase

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?

saguaros

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

sitecase

And can you fix the "Hi my name is Arthur" on the home-page like it shows on http://test.coaching2magic.nl/index.php/en/
It won't appear on http://test2.coaching2magic.nl/index.php

saguaros

sitecase It won't appear on http://test2.coaching2magic.nl/index.php

As I can see that the HTML markup of this custom module in this site is different from: http://test.coaching2magic.nl/index.php/en/

You should go to Global Configuration in test2 site and disable the default Editor there first, then add content for this module again.

I shared the details in my above reply.

sitecase

saguaros
That doesn't work.

saguaros

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

sitecase

Sorry, the username was with a capital S

sitecase

Shape5

saguaros

sitecase Let me check and will get back to you.

sitecase

Any news?

sitecase

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!

sitecase

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?

saguaros

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