Docs

[wiser308]

I would like to have a border at the top and bottom of every page with this #603813. I am new to web design so please tell me exactly where to place the code.

http://www.wiserpolicy.org

[Prasant Rai]

Hello There,

Thanks for writing in!

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

.header_wrap.layer_wrapper {
    border-top: 2px solid #603813;
}

div#copyright {
    border-bottom: 5px solid #060505;
}

Thanks.

[wiser308]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for the credentials! Please replace the previous code with this one:

.x-navbar.x-navbar-fixed-top {
    border-bottom: 1px solid #603813 !important;
    padding-bottom: 20px !important;
}
footer.x-colophon.bottom {
    border-top: 1px solid #603813 !important;
}

Let us know how this goes!

[wiser308]

This reply has been marked as private.

[wiser308]

This reply has been marked as private.

[John Ezra]

Hi there,

Thanks for updating the thread! Please check with your host regarding the database errors on your site. Regarding the borders on the top and bottom, you can use the following CSS.

You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

header.masthead.masthead-inline,
.x-navbar.x-navbar-fixed-top {
    border-bottom: 10px solid #000000;
}

footer.x-colophon.top {
    border-top: 10px solid #000000;
}

Hope this helps – thanks!

[wiser308]

This reply has been marked as private.

[Christopher]

Hi there,

Your page is showing fine, did you manage to fix it?

Please try this code :

.x-colophon.bottom .x-container {
    border-bottom: 10px solid gray;
}
.x-navbar .x-container {
    border-top: 10px solid gray;
}
html body .x-colophon.bottom ul.x-nav li a {
    color: #000;
}
footer.x-colophon.bottom {
    padding-bottom: 0;
}

Hope that helps.

[wiser308]

This reply has been marked as private.

[wiser308]

This reply has been marked as private.

[wiser308]

OK, so I, reloaded the theme template. My wiserpoliy.org page is not my homepage. The page that is my wiserpolicy.org page is not one of my pages. What is the problem?

[Friech]

Hi There,

Regretfully, at this time I am not entirely certain of the home page not showing. It is showing fine on my end and footer menu issue seems already address too? If you wouldn’t mind providing us with a little more clarification.

Regarding the border on top and bottom of every page. You can add this under Custom > CSS in the Customizer.

.site {
	border-top: 10px solid #603813;
	border-bottom: 10px solid #603813;
}

Clear your browser’s cache and caching feature your site might have before previewing the page.

Hope it helps, Cheers!

[Author]

Posts