Can you customize the background color of your footer in ArcGIS Hub?

711
3
04-27-2020 12:52 PM
PamBrangan
New Contributor III

When customizing the footer on a Hub site, can you change the background color? I have very limited .css knowledge and I was given the .css file for our website to use. This .css file worked in customizing the header, but it does not seem to work well in the footer customization. In particular, I'd like to have a background color for the footer, I see where it states the color in the .css file, but it doesn't work.

Here is the part of the .css file that seems to be stating what the background color should be:

footer {
    position: relative;
    max-width: 75em;
    padding: 1em 3%;
    margin: 0 auto;
    color: #fff;
    background-color: #006699;
}

0 Kudos
3 Replies
NFlourish
Occasional Contributor

Pam,

Yes!

You need to combine your HTML and your CSS.

The HTML chunk references the CSS "class" you define. Like this:

<div class="myfooter">My Footer</div>

Then the CSS uses that class name in its definition, like this:

.myfooter {
  background-color: silver;
  width: 100%;
  min-height: 100px;
  text-align: center;
  font-size: 14pt;
}

Does that help make it clearer?

I used that code as an example at the following Hub site:

Lakecraft 


Nick

PamBrangan
New Contributor III

Thank you Nick!

It is a huge help to know it is possible.

I will give it a try and hopefully will be successful.

Thanks.

Pam

0 Kudos
NFlourish
Occasional Contributor

Well, if you get stuck, post it here and I'm sure someone can help sort out any sticking points

Are you going to role out a COVID-19 Hub for Chittenden County?

0 Kudos