Custom Template Headaches!

I don't know if anyone reads these forums anymore (not much traffic I can see) but I'll post this anyway.

Why is creating a custom template so bloody confusing and difficult?
The worst WYSIWYG editor I've ever seen.
Select the template you want to edit, and the template looks totally different in the stupidly small editing area compared to when you go full screen.

It took me an hour to create what I thought was an adequate 15 image template. It looked good. Three distinct areas of five images in this format. (Gave up trying to modify it so I could get five lines of three images!!!. What special hoop do I need to jump through so the bloody thing lets me change the size of the thumbnail!)
XXX
X X
XXX
X X
XXX
X X

Edited my listing to use this...The f%$king thing only shows eight images, and the rest of the information (Description, Payment, Shipping etc ) has lost its alignment. Parts of the template I didn't touch.

Please show me the errors of my way!

Thanks.

9/16/193:19 AM

Original Post

<ul id="{%=id%}ButtonGroup" class="button-group h-popup-buttons even-button-group even-1">
    <li id="{%=id%}Okay_buttonContainer"><a id="{%=id%}Okay" href="javascript:void(0);" class="button success no-margin-bottom h-alert-modal-ok-button" role="button">OK</a><script type="text/javascript">
        (function() {
            function {%=id%}Okay_click(event, data) {
            {%=id%}Popup.hide();
        }
        
                $('#{%=id%}Okay').on('click', {%=id%}Okay_click);
        })();
    </script></li></ul><a href="javascript:void(0);" class="close-reveal-modal" aria-label="Close Modal">&#215;</a><div class="last-modal-focus focus-utility-element" tabindex="0"></div>
</div>
<script type="text/javascript">
        (function() {
            {%=id%}Popup = new SS.Popup.ModalPopup('{%=id%}');
        })();
    </script>

Skip to main content

Membership Required

Remove From Your Block List

Manage Follow Preferences

Block

Please wait...