The gradient applied to text is taking the text frame width as the gradient start-stop area.
When converted to outline, the same gradient start-stop is limited to the graphic width.
Please keep the text frame bounds of the logo aligned to the character edges (no blank area in text frame). Apply gradient and confirm the colors. Now convert to outlines.
If the converted outline graphic is matching with the original text frame width, then the gradient should match appearance. Please try.
If this cannot be done, after conversion to outline you need to to go to the gradient panel and adjust the stop colors for the new width of outline text.
@Kris – For getting the outlines right after "Create Outlines" you need some additional steps to merge the overlapping "ogo" part of your logo to one path.
Maybe what you cannot do is getting the outlines totally right. That will depend of the number of inner forms. For that I recommend Adobe Illustrator.
What you can do in InDesign:
1. Release the compound path of all outlined characters
2. For some paths you have to change the direction of the path and do compound again
3. Then you can use path finder to add paths together
And: You'll need a new gradient with a different start/stop point.
Here some steps illustrating the problem:
(left the outlined text, right the "live" text)
1. Gradient applied to the "live" text is different from the converted outlines
(Outline at left is already postprocessed with the path finder)
Path situation immediately after the conversion.
Gradient newly applied with -90° (will not match the original)
Original gradient applied to outline (will not match original):
New gradient applied to match original:
Also look at the position of the outline; now "inner" instead of "middle".
As I already said, for things like that I'd rather use Adobe Illustrator…
Oh. There a different method.
You could export your "live" text to PDF using transparency reduction to outline the text.
Thank you SO much for taking the time and helping to solve this problem! I'll give it a try tonight.
@Kris – Instead of using a new gradient like shown in my last screenshot you could also use the gradient tool with the original gradient and drag it (by holding the shift key) from top to down; just make sure that your starting point and end point is not the edge of the logo, but lies a bit inside. The bounding box around your original editable text frame exactly positioned right or left of the outlined logo can guide you for where to start and where to stop.