Hard time modifying the modules - content gets mis-aligned

Hello,

I am having a hard time in modifying the modules of the Steakhouse template.
I am trying to edit the Specials module on the home page.

I go to Module > Specials and all I do is edit the custom code there to just change the wording.
Example: Summer Grill to Winter Grill

The moment I hit on Save module and check the changes in the front-end, I can see the content mis-aligned and not styled properly.



The website you can check this is on is: konnaindian.com.au/new3


The module code is:

Code: Select all

<div class="bigtitle gk-special"><img src="images/demo/banner_special.jpg" border="0" alt="Summer Grill" />
<h3><span>Summer333</span> Grill</h3>
<small>Starting from <strong>$19.99</strong></small>
<div class="gk-special-content" data-scroll-reveal="enter right over .5s">
<h3 class="header"><span>Special</span> <small>Check out our offers</small></h3>
<ul class="gk-special-menu">
<li data-scroll-reveal="enter bottom over .25s after .5s">
<h4>New York Strip Steak</h4>
<strong>$8.99</strong></li>
<li data-scroll-reveal="enter bottom over .25s after .8s">
<h4>New York Strip Steak</h4>
<strong>$8.99</strong></li>
<li data-scroll-reveal="enter bottom over .25s after .6s">
<h4>Porterhouse Steak</h4>
<strong>$6.49</strong></li>
<li data-scroll-reveal="enter bottom over .25s after .9s">
<h4>Porterhouse Steak</h4>
<strong>$6.49</strong></li>
<li data-scroll-reveal="enter bottom over .25s after .7s">
<h4>Salisbury Steak</h4>
<strong>$8.99</strong></li>
<li data-scroll-reveal="enter bottom over .25s after 1s">
<h4>Salisbury Steak</h4>
<strong>$8.99</strong></li>
</ul>
</div>
</div>
<p><a class="gk-special-link button" href="#">More details</a></p>

Any help to fix this issue would be appreciated.

Regards,
Inder Lamba

Okay I guess I figured out what is happening.
Basically, I need to change the Editor to "None" from Global Configuration and make any changes to the modules.

Otherwise it just simply strips the code from the module, if I use the tinymce editor.

I wish editing of the modules was a bit simpler but I guess I have to live with it

I have the same problem. I thought if I just change the text, the formatting is preserved. But now everything has slipped in the module Special.
Even if I just made ​​the insert from another installation the same code, it will slip

@ Inderlambaaarsaa, can you explain in more detail your proposed solution.

This also affects the icons at location, phone and in the header. I change the text are all gone.

Thanks for your help.
Kuddemuddel

Hi Heinzi,

Basically, I had to turn off the Editor in Global Configuration.
So if you go to Site > Global Configuration > Default Editor - Change this to "none"

Now, you go to the module to edit the module text and image etc.
Note: When you edit the module this way, you will see all the HTML code etc. but saving the module this way preserves all the HTML code and layout without messing it.

Hope this makes sense.

Regards,
Inder Lamba
www.aarsaa.com

I have been using jce editor and it does not strip the coding if you change the settings. This is a very annoying issue

I have the same problem. This is SO frustrating. Would be great if someone could post the original code at least. Little help it seems from Gavick. Not that thrilled, but nice template - if it would work properly.