Docs

[Mark]

Hello,
Creating a full screen image layout. Following the instructions at https://community.theme.co/forums/topic/create-fullscreen-background-image-on-any-page/

Website: http://copolkmuseum.org/

A few questions:
1. What are the lines across the page ?
2. What is the white box in the middle of the page ?
3. How do I remove “Assign a Menu in the footer ?

Thank you !

[Rupok]

Hi there,

Thanks for writing in!

#1. This lines are border for Navbar, footer etc. As you have set transparent background so it becomes visible and a bit odd. You can add this under Custom > CSS in the Customizer to remove them :

.x-logobar, .x-navbar, .x-colophon.top, .x-colophon.bottom {
  border: medium none;
  box-shadow: none;
}

#2. That’s the content are where background color is white. If you want to make that transparent as well, you can use this CSS :

.entry-wrap {
  background-color: transparent;
}

#3. You need to turn off footer menu to get rid of this. Let’s check “Off” for the Footer Menu from Customize > Footer – http://prntscr.com/d6zt8f

Hope this helps.

[Mark]

Thank you !!
Really appreciate the great support,
-Mark

[Christian]

You’re welcome.

[Mark]

Christian,
How do I change the text color in the footer ? It is currently grey
http://copolkmuseum.org/
Copyright 2016 © C.O. Polk Interactive Museum, McDonough, Georgia

Thank you !
-Mark

[Paul R]

Hi Mark,

To change the text color, you can add this under Custom > Edit Global CSS in the Customizer.

.x-colophon.bottom .x-colophon-content {
    color: red;
}

Change red with the color that you like.

Thanks

[Mark]

Dear Paul,
Thank you for your patience with my questions !

How do I make a page non-transparent ? The first page http://copolkmuseum.org/ is getting close to what I would like. But how do I make the Blog page a typical white background ? http://copolkmuseum.org/blog/

Thank you !

[Christopher]

Hi there,

If you want white background color only on blog page, please add following code in Customize -> Custom -> Global CSS :

.blog .x-container.max.width.offset {
    margin-top: 0;
    padding: 40px;
}
.blog header.x-header-landmark.x-container.max.width, .blog .x-container.max.width.offset {
    background-color: #fff;
}
.blog header.x-header-landmark.x-container.max.width {
    padding-top: 40px;
}

But if you wish to limit transparent background to home page, fing following code :

.entry-wrap {
  background-color: transparent;
}

And update it to`:

.home .entry-wrap {
    background-color: transparent;
}

Hope that helps.

[Author]

Posts