Archived topic

Element Main Headlines

5 replies · Started by Bob on May 14, 2020

Viewing posts 1–6 of 6

May 14, 2020 at 11:27 pm #1285143

Hi guys,
I have added some text and a phone number to the Home Page banner, using the Element 'Blog and Front Page Header'.
This is the code;

As the text is still a little hard to see, I have tried to add a background color to the text by popping this bit of code in;
<body style="background-color:#89c63e;">

But no matter where I place it it does not change the background of the text, it changes the entire page background Green.

Is there an easier way to add a color behind the text, without using html, a setting I am missing perhaps? If not, how do I do this?

Thanks

May 15, 2020 at 2:09 am #1285295

Hi there,

use this HTML for your Hero content:

<div class="hero-content">
    <h1><b>One call does it all</b></h1>
    <h3><b>03 9311 8899</b></h3>
</div>

Then add this CSS:

.hero-content {
    padding: 10px;
    background-color: #89c63e;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

May 15, 2020 at 10:13 pm #1286731

Thanks David,
That worked great, but how do I adjust the width of the background color?

May 16, 2020 at 7:56 am #1287350

I edited the CSS here to include a max-width property - edit that to suit

May 16, 2020 at 11:54 pm #1288169

Awesome, thanks David.

May 17, 2020 at 7:38 am #1288550

You're welcome

This archived topic is closed to new replies.

Start building better websites today.