Guided Landing Page Templates - Template 8A & 8E - HELP! | Community

A

Anonymous

Question

Guided Landing Page Templates - Template 8A & 8E - HELP!

Forum|Forum|9 years ago
March 31, 2016
3 replies
3580 views

Hi community,

We are using the guided landing page templates, and have download 8A & 8E to work off. However... We are having a little difficulty!!

We are trying to change the background colour of the header to #FFFFFF (white, for those that don't know) and unfortunately it just WON'T change! All the other elements we have updated so far have been fine, it's just this one that we are having problems with.

The option is there to change the colour - but it won't update?!

If anyone has any info, that would be a GREAT help!!

Thanks community, Eliza & Claire.

#feelingemotional #guided template

Marketo

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Level 8

It sounds like the mktoColor is not connected to your CSS, you code should look as follows:

<meta class="mktoColor" id="headerBG" mktoName="Header BG Color" default="#FFFFFF">

.header { background-color:${headerBG}; }

If this doesn't fix, send a sample of your code so I can take a look.

Brittany_Stover

Level 4

I am having similar issues with these template. I used your code to try and tweak it and got the results below. any thought?

Level 8

I think Justin's fix below is better fix since the color is built into bootstrap.css

If that doesn't fix, share the page url and I'll happily look.

Grégoire_Miche2

Level 10

Hi Eliza,

Without some more info, for instance the URL to the approved LP, we cannot tell you what's wrong

-Greg

Justin_Cooperm2

Level 10

I took a look. It's a bug in that template, as a CSS style coming from bootstrap.css overrides that BG color variable.

This is what exists in the bootstrap.css.

.navbar-inverse {

background-color:#222;

}

Just override it by specifying a new CSS style with high specificity like this:

div.navbar-inverse {

background-color: ${headerBG};

}

A

Anonymous

how can we submit this bug to get it fixed for future users?

Justin_Cooperm2

Level 10

I can fix it for you. Which templates had this problem? all of the #8 templates?