Change Landmark colour

Hi there,

I’m trying to get my maroon Landmark bar to fit the screen width - without stretching the whole page - to match the footer.

https://soulbrew.net to understand what I’m on about

I’ve already applied the following CSS as suggested in a previous post:

/* Title Landmark Color */
.x-header-landmark.x-container.max.width {     
    background-color: #990000;
}

/* Title Font Color */
.x-header-landmark h1.h-landmark {
   color:#fff;
}

However the Landmark width is still not matching the footer.

Any help is appreciated, thanks!

Hi Marco,

Thank you for writing in, it seems your site is down at the moment, please check.

In the meantime on your CSS code, try updating this part:

/* Title Landmark Color */
.x-header-landmark.x-container.max.width {     
    background-color: #990000;
}

To this:


/* Title Landmark Color */
header.x-header-landmark {     
    background-color: #990000;
}

Hope it helps,
Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.