Address in footer needs to be 2 lines

Sydney
#1

I thought I had the right CSS to fix this issue but I think I need your help.
The address line in the footer need to be 2 lines:
0000 street, Suite 000
City, State, zip

And it needs to be aligned with the text and not the icon. I thought I had solved it, but when I increase the width of the browser it defaults back to the address being a long line.

Here is the Additional CSS code I used:
.contact-address {
padding-left: 29px;
}
.contact-address span {
margin-left: -29px;
}

I have also included a photo of what it looks like now. Certainly not working unless I collapse in my browser window.

24%20AM
Screen Shot 2019-03-12 at 10.10.24 AM.png1234×393 29.1 KB

I appreciate your help!

#2

Hello, try to use Custom HTML widget with this content:

0000 street, Suite 000<br>
City, State, zip

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

#3

Where do I add that? In the Additional CSS code area? Sorry newbie to this :wink:

#4

Hello,

You can do it in Appearance → Widgets section (expand Footer 2 and add Custom HTML widget instead of what is there now). Then add the code above as widget content. Please let me know if you need more help.

Kind Regards, Roman.

#5

Perfect thank you very much!

#6

You are welcome! :slight_smile:

Kind Regards, Roman.

#7