Docs

[laser8]

Hi,

I just got the x pack and it is great. I managed to do most of the customizing myself, but I cannot seem to make the css customizing I found on the forum work: I have the header and footer in white, and would like them to be coloured as per a pattern I use throughout the site.

I tried by inserting the pattern as background pattern – no result
Tried to insert the pattern with css as per one post here on the forum – also no result

Your assistance would be much appreciated.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-navbar {
    background-color: #ddd !important;
}

footer.x-colophon.bottom {
    background-color: #ddd !important;
}

footer.x-colophon.top {
    background-color: #ddd !important;
}

Thanks.

[laser8]

Hi

Thanks for the fast reply – I tried the proposed code and it did change footer and navbar color to grey, but not the header.

Is there a way to at least set their opacity to transparent, so that the background color could be seen? I mean something like

.x-navbar {
  opacity: 0.85;
}

Thanks,
Andrea

[Lely]

Hello Andrea,

For the opacity, it should be something like this:

.x-navbar {
       background-color: rgba(221, 221, 221, 0.85) !important;
}

Regarding the header, please share your site URL and point us which header you’re referring too.

[laser8]

Hi there!

the site is http://www.cadenela.com

take a look at the top where the logo is, just above the menu bar, and at the bottom where the social network links are placed. At the moment it is white, I’d at least like to make it 100% transparent so the pattern below could be visible

thanks,
Andrea

[Rupok]

Hi Andrea,

Thanks for writing back. You can add this under Custom > CSS in the Customizer.

.site {
  background-color: transparent;
}
.x-logobar {
  background-color: transparent;
}
.x-colophon.bottom {
  background-color: transparent;
}

Hope this helps.

[Author]

Posts