Level 2

Adding a banner with text in a X/T test

Forum|Forum|7 years ago
December 1, 2018
2 replies
12053 views

I am trying to add a Banner or a box with some text and color across the header of one of my experiences, basically the variation of the activity. I cannot see a way to do this when selecting the container of the page to add or replace with. Am I able to do this without having Adobe Scene 7 integrated? Keep in mind I am not swapping out an image, only adding a banner to the top of the page with new text and color to go with it. Any help would be great.

Target

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

MihneaD

Adobe Employee

jordans17317991,

Here is how I would get this done:

1. Left click on the element.

2. Click on "Expand Selection" to get to the element you want to edit (Sometimes you will have to do this a few times) (See attached screenshot below.)

3. Once you have the element selected use the option under: Edit > Text/HTML to adjust text or change the actual HTML of the page to insert the new banner text etc. (See attached screenshot below)

Hope this helps!

Expand Selection:

Edit Text/HTML:

Mihnea Docea | Technical Support Rep, Customer Care | Customer & Employee Experience | Adobe | (:: 1 (800) 497-0335

J

jordans17317991Author

Level 2

Hey Mike,

This is very helpful. My client also has strict guidelines with font and brand color. What would be the easiest steps to select/upload these into Target vs what Adobe provides? Please see what the experiences for this test I am trying to create look like below and let me know your thoughts. Thanks!

J

jordans17317991Author

Level 2

Photoshop (or to be honest any modern image editor program) will be able to handle images with multiple layers and output those as flattened JPEG image files. However, if the customer only provides JPEG files, you will have a problem with "layering" as JPEG files do not offer transparency so only the top image will be visible. This said, depending on the images, JPEG layering will allow some transparency, but that is advanced image editing and of topic to discuss here in short.

If transparency is needed, you need to layer either PNG files with alpha channel (transparency mask, the bottom image may be a JPEG image). The standard situation, however, is to have an image as background and some text as foreground. That can be easily achieved with programs like Photoshop as long as the special font is available. The resulting (flat) JPEG file does not have layers and no fonts are needed to display that one. Photoshop files can be saved as native Photoshop files and remain (also text) editable if changes/corrections are needed. (Photoshop forum may be of help)

A last possibility is to use the image as a background and code the text as html over the image. This allows you to change the text more easily, without touching-up the underlying image. Fonts are an issue here, as you need to be able to bind the clients specific font (possible license issues). (the Dreamweaver support forum may help here)

Appreciate the feedback. I am a novice at all of this so I am a little Lost of where I even start. It looks previously like a lot of these used custom HTML when I view past experiences. I can also see they had many HTML offers, so the person who created these before obviously knew what they were doing.