Topbar miskconfiguration

Hello,
I try to update my topbar position to include other text. But the result was that I lost all concent, Look for in forum find how to fix social, but text isn't correct yet. is not centred and not floating in the righ. How shall I do to fix it?
Thanks in advance for your help,
Regards,

Hi, but what exactly you want to get

Please take a big screenshot (not small as you added before) use graphic tool and show me !

p.s.
Our text "Take and Extra 20% OFF Your Purchase - Code: DEC2013" on demo was in this HTML code

Code: Select all

<span class="gk-promo">Take and  Extra <strong>20% OFF</strong> Your Purchase - Code: <strong>DEC2013</strong></span>

But if you know basic of CSS - you can handle it, and move whatever you want.
For example replace class="gk-promo" with style="margin-left:150px'"

Thanks Pawel,
As you have already figured out. I'm not really in command of css.
in fact, the point is that I only wanted to change text in html. and once I did it, links dissapeared and the text line went to the botom.

I found out how to fix social links, but I don't know yet how to make text line floating left.
Please, give me the entire css sentence I need to included to solve this matter.
Best regards,

Code: Select all

<span class="gk-promo" style="margin-left:150px'">Take and  Extra <strong>20% OFF</strong> Your Purchase - Code: <strong>DEC2013</strong></span>

there is no magic.
For more help I need to see website online....

Thanks Pawel,
I am working local at the moment. I'll try to fix it by my side. If I can't do it, I will revert.
Best regards,

I'm having the same problem. I believe that some tags or configuration disappears after we save, but I can't figure out exactly what (I already added "+a[*],+i[*],+em[*],+li[*],+span[*],+div[*]," to Extended Valid Elements in Tinymace plugin)

I have a quick start installation and if I just open the module and save it, without making any changes it misconfigures like it happen with hechizo.

Hi

Can You please tell me which template version and joomla are You using ? This thread is over 3 years old, so I do not think it's still related with the same issue. Try update joomla and template to the ltest version and try again.

This happens both in Joomla! 3.6.4 (quick start) and Joomla 3.6.5 (fresh installation), with template 3.21.2.
The version 3.21.3 was only release 3 days ago, I'll give it a try but I really don't think it's going to solve it. As I mentioned before, in my quickstart installation the info in the topbar info seems ok if I don't try to edit anything. It just takes open and save the module to change it...

Yes, it also happens with the new version.
Again, I only opened the module and save it, without editing anything.

Screen Shot 2017-05-07 at 17.45.52.png

Screen Shot 2017-05-07 at 17.48.46.png

So, I duplicated the module before testing and now I took a look to both contents directly in the database:

Original code:

Code: Select all

<div class="gk-social">
<a href="http://www.gavick.com/magazine/?format=feed&amp;type=rss"><i class="fa fa-rss"></i></a>
<a href="#"><i class="fa fa-flickr"></i></a>
<a href="https://plus.google.com/+gavickpro/posts"><i class="fa fa-google-plus"></i></a>
<a href="https://twitter.com/gavickpro"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-vimeo-square"></i></a>
<a href="https://www.facebook.com/gavickpro"><i class="fa fa-facebook"></a></i>
</div>

<span>Call Customer Services on:  +123 456 789 123 456</span>
a
<span class="gk-promo">Take and  Extra <strong>20% OFF</strong> Your Purchase - Code: <strong>DEC2013</strong></span>                       
</div>

After save

Code: Select all

<div class="gk-social"><a href="http://www.gavick.com/magazine/?format=feed&amp;type=rss"><i class="fa fa-rss"></i></a> <a href="#"><i class="fa fa-flickr"></i></a> <a href="https://plus.google.com/+gavickpro/posts"><i class="fa fa-google-plus"></i></a> <a href="https://twitter.com/gavickpro"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-vimeo-square"></i></a> <a href="https://www.facebook.com/gavickpro"><i class="fa fa-facebook"></i></a></div>
<p><span>Call Customer Services on: +123 456 789 123 456</span> a <span class="gk-promo">Take and Extra <strong>20% OFF</strong> Your Purchase - Code: <strong>DEC2013</strong></span></p>

The difference is that upon saving Joomla adds "<p>" to the code and causes the misconfiguration. If I delete the "p" tags directly in database the info gets back how it should look.

Hi

Ok. It's a matter of editor You are using or it's configuration. Try disable adding paragraphs or disable/switch editor to be able to use a code without any addons from it.