Edit mode is different to template until I click edit

Hi,

my code below is a block of blue with white text, when I go to edit mode, I cannot see my text until I actually click on EDIT then it shows up (i take it cos at this point the WYSIWYG editor has now put the text within <p> tags, is there a way to automatically show this block beofre clicking on EDIT?

.contactfooter { background-color:#273691; width:560px; color:#ffffff!important; }
        .contactfooter h3 { font-size:22px; font-weight:bold; margin-top:0px; margin-bottom:10px; }
        .contactfooter p{ font-size: 13px; color:#ffffff; margin:0px; }
        .contactfooter a{ font-size: 13px; color:#ffffff; text-decoration:none; }



<table class="contactfooter" border="0">
                    <tr>
                        <td><h3>Contact</h3></td>
                        <td></td>
                    </tr>
                    <repeater>
                    <layout label="Contact information">
                    <tr valign="top">
                        <td width="50%" valign="top">
<multiline label="Contact">London<br /><strong>Name<br />
T  00000<br />
M  00000<br />
<a href="mailto:email@email.com">email@email.com</a></strong></multiline></td>
                        <td width="50%" valign="top">
<multiline label="Contact">Midlands<br /><strong>Name1<br />
T 897968<br />
M 557657856<br />
<a href="mailto:email@email.com">email@email.com</a></strong></multiline></td>
                    </tr>
                    <tr>
                        <td><img src="/images/spacer.gif" height="20" /></td>
                        <td><img src="/images/spacer.gif" height="20" /></td>
                    </tr>
                    </layout>
                    </repeater>
                </table>
roshodgekiss roshodgekiss, 1 year ago

Hey jmb, could you try consolidating the following styles...

.contactfooter p{ font-size: 13px; color:#ffffff; margin:0px; }
.contactfooter a{ font-size: 13px; color:#ffffff; text-decoration:none; }

... like so?

.contactfooter td, .contactfooter a, .contactfooter p { font-size: 13px; color:#ffffff; margin: 0px; }
.contactfooter a { text-decoration: none; }

I think explicitly adding the styles to <td> may do the trick, but be sure to let is know if this doesn't work out :)


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
jmb, 1 year ago

thanks but this still doesn't work, it only works when I click through to preview the campaign

roshodgekiss roshodgekiss, 1 year ago

Hey there jmb, if you could kindly contact us with account and template details, we'll do our best to look into the code and get to the bottom of this. Sorry for all the trouble here!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
nawarhussein, 1 year ago

did you figure it out jmb?  I also want to know thank you :)


Nawar Hussein is a business owner that will do everything to satisfy his clients' needs.
roshodgekiss roshodgekiss, 1 year ago

Hi nawarhussein, if you have a template you'd like us to look at, by all means start a new thread in these forums, or get in touch with our team with details. :)


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Sign up for free.
Then send campaigns for as little as $9p/m

Create an account