Church Theme – Text Compressed In Home Banner Widget Area

[RobHolsman]

Hi – hope you can help with this! I’m running the Church child theme – which is great by the way! – but I’m trying to use the Home Banner widget area and having problems … basically any text in there gets compressed so all the lines of text are on top of each other.
I am running this locally at the moment as I’m testing a new design but I can send a screenshot if that helps?

Regards

Rob

[han]

Hi Rob, go to “Appearance > customize > css” and add this code

.banner {
    line-height: 1.6;
}

[RobHolsman]

Thats brilliant, thank you Han! Sorted it perfectly! 🙂

Rob

[RobHolsman]

Just one last quick question … adding the line-height to the CSS sorted that, but the banner region background colour was the same as the site background. So I added

.banner {
line-height: 1.6;
background: #ffffff;

This gave me a white background but it spans the whole width of the page. I tried

.banner {
line-height: 1.6;
background: #ffffff;
display: inline-block;
}

This sorts out the background colour but now the whole block aligns to the left! Am I missing something obvious?

Rob

[Author]

Posts