Support

Home Forums Event Espresso Premium Change the heading in all messages to include a repeating background image

Change the heading in all messages to include a repeating background image

Posted: February 7, 2018 at 5:43 pm


TOCIFT

February 7, 2018 at 5:43 pm

How can I change the background of the heading of the default messages to include a repeating image instead of a color? I have an image in the media area of wordpress that I would like to use.

Thanks, Laura


Josh

  • Support Staff

February 8, 2018 at 9:26 am

Hi Laura,

If you go in to edit those message templates, quite likely the first line of html you’ll see will be this:
<table class="head-wrap" bgcolor="#999999">

You’ll actually change that line of html to include a style rule to show a background image. You’ll remove this part:
bgcolor="#999999"
and replace with:
style="background: url('your-image-url.jpg') repeat-x;"

Then, about a half dozen or so lines of html later you’ll see this:
<table bgcolor="#999999">
You’ll probably want to remove that background color too, so you’ll change the table tag to:
<table>


TOCIFT

February 8, 2018 at 9:31 am

Thank you. What would the image url be for images that are in the wordpress media area?


Josh

  • Support Staff

February 8, 2018 at 10:26 am

Yes. When you go to view the images in the WordPress Media page, then click on an image, there will be an image URL value. You’ll use that URL in your html code.


TOCIFT

February 15, 2018 at 9:30 pm

Did what you suggested on the change of the background of the heading in the email and got this:

https://gyazo.com/6e78995b6561a48652661f7a30366353

My code:
https://gyazo.com/f354da3c73afb71cb923445c5e8de438

Can you tell me where I went wrong? Thanks.


TOCIFT

February 15, 2018 at 9:39 pm

Oops! Saw the problem there, but still having issue with second <table> entry.

Code:
<table class=”head-wrap” style=”background: url(‘http://184.154.244.76/~tocift07/wp-content/uploads/2017/11/Blue_Background295x305_fliped.jpg’) repeat-x;”>
<tbody>
<tr>
<td></td>
<td class=”header container”>
<div class=”content”>
<table>
<tbody>
<tr>
<td style=”text-align: left;”>[CO_LOGO]</td>
</tr>
</tbody>
</table>
</div></td>
<td></td>
</tr>

Result:
https://gyazo.com/ef106a5aed2712a281e2d4e50dab0acd


Josh

  • Support Staff

February 16, 2018 at 9:01 am

I’m afraid the code you posted here is not complete and doesn’t show where the missing tag is. Can you copy the entire contents of the Main Content field, then paste into a pastebin or github Gist, then link to that code bin/gist here?


TOCIFT

February 16, 2018 at 4:05 pm

I’ve never used github before. I see that they need a file name including an extension. What would I use for that?? Here is the url link if that helps. Doesn’t seem like it would get you there to me.
https://gist.github.com/

Thanks!!


Tony

  • Support Staff

February 19, 2018 at 3:23 am

I’ve never used github before. I see that they need a file name including an extension. What would I use for that??

Anything at all. As your posting html you can example.html but it doesn’t really matter in this case.

When you create a gist the URL will look something like this:

https://gist.github.com/Pebblo/16bf7bc52af949fd60e0ee1e6db801a9

That is a gist I just created for your other thread.

Or you can use pastebin:

https://pastebin.com/

Paste all of the code into that, give it a title (whatever you prefer) and hit ‘create new paste’, then post the URL it generates for that new paste.


TOCIFT

February 20, 2018 at 10:11 pm

I just figured out I was misunderstanding Josh’s explanation. I thought I was removing the color of the <table> that is farther down the page. I now realize there was a <table> in the header that needed a color removed.

This one is solved.

Thanks!


TOCIFT

February 20, 2018 at 10:57 pm

I do see that some of the emails I’m receiving in my tests do not have the formatting I’ve placed into all the emails in the Default Message Templates. Is there somewhere else that emails need to be edited?


Tony

  • Support Staff

February 21, 2018 at 2:02 am

You’ll not only need to edit each message template type Registration Approved, Payment Received etc but also each individual context for that message type, for example a Registration Approved message type can have the Event Admin, Primary Registrant and Registrant contexts.

Each of the above contexts have their own editable template, see:

https://eventespresso.com/wiki/messages-system-working-with-message-contexts/

The support post ‘Change the heading in all messages to include a repeating background image’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso