Communication Site - Hero Bar Text formatting change

%3CLINGO-SUB%20id%3D%22lingo-sub-1552553%22%20slang%3D%22en-US%22%3ECommunication%20Site%20-%20Hero%20Bar%20Text%20formatting%20change%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1552553%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20all%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENoticed%20a%20change%20in%20how%20the%20hero%20bar%20text%20is%20aligned%20on%20our%20communication%20sites%20this%20morning.%20Seems%20like%20something%20has%20changed%20overnight%3F%20I%20can%20replicate%20this%20issue%20if%20I%20create%20a%20new%20communication%20site%20with%20a%20hero%20bar%20-%20the%20text%20is%20higher%20on%20the%20buttons%20than%20it%20should%20be.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat%20it%20looks%20like%20for%20me%20on%20a%20fresh%20communication%20site%20I%20create%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22sicts_chrisb_0-1596014020197.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F208715i2FBC740C22CA5008%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22sicts_chrisb_0-1596014020197.png%22%20alt%3D%22sicts_chrisb_0-1596014020197.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20a%20screenshot%20taken%20from%20the%20MS%20article%20%3CA%20href%3D%22https%3A%2F%2Fsupport.microsoft.com%2Fen-us%2Foffice%2Fuse-the-hero-web-part-d57f449b-19a0-4b0d-8ce3-be5866430645%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3Ehere%3C%2FA%3E%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22sicts_chrisb_1-1596014130558.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F208716i56B547F25E7C479B%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22sicts_chrisb_1-1596014130558.png%22%20alt%3D%22sicts_chrisb_1-1596014130558.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAnyone%20else%20seeing%20the%20same%20thing%3F%20I've%20tested%20on%20different%20browsers%2Fcookies%20cleared%20etc.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1552553%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1559268%22%20slang%3D%22en-US%22%3ERe%3A%20Communication%20Site%20-%20Hero%20Bar%20Text%20formatting%20change%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1559268%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F743353%22%20target%3D%22_blank%22%3E%40sicts_chrisb%3C%2FA%3EI%20don't%20see%20any%20changes%20upon%20checking%20about%203%20different%20communication%20sites%20that%20all%20three%20using%20the%20Hero%20web%20parts%20that%20have%205%20different%20images%20with%20overlay%20text%20on%20each...%20i%20would%20suggest%20editing%20your%20existing%20communication%20site%20hero%20web%20part%20to%20see%20if%20there%20is%20anything%20like%20extra%20space%20or%20text%20change...%3C%2FP%3E%3C%2FLINGO-BODY%3E
Regular Visitor

Hi all,

 

Noticed a change in how the hero bar text is aligned on our communication sites this morning. Seems like something has changed overnight? I can replicate this issue if I create a new communication site with a hero bar - the text is higher on the buttons than it should be.

 

What it looks like for me on a fresh communication site I create:

 

sicts_chrisb_0-1596014020197.png

 

This is a screenshot taken from the MS article here:

 

sicts_chrisb_1-1596014130558.png

 

Anyone else seeing the same thing? I've tested on different browsers/cookies cleared etc.

1 Reply

@sicts_chrisbI don't see any changes upon checking about 3 different communication sites that all three using the Hero web parts that have 5 different images with overlay text on each... i would suggest editing your existing communication site hero web part to see if there is anything like extra space or text change...