Quantum Codex

how can I add my own custom header/banner image? - Quantum Codex

how can I add my own custom header/banner image?

by zoldos » Sat Oct 26, 2019 8:40 am

Love this theme, but I how to add my own custom header/banner image and make it centered and full width? I replaced "site_logo.png" with my own image, but it is left oriented and smashed. :(
The Syndicate Lounge ~ https://thesyndicatelounge.com | General Lounge & Mental Health Support
User avatar
zoldos
Registered User
Posts: 48
Joined: Sun Dec 07, 2014 7:28 pm
Name: zoldos Vex
Contact:

Re: how can I add my own custom header/banner image?

by Dan Stylez » Sat Oct 26, 2019 4:44 pm

The default logo in most themes are not responsive and the size is set manually, for example in Quantum Codex the size is set in the common.css style sheet on line 229 and the position can be changed on line 203.

Line 229:

Code: Select all

.site_logo {
    display: block;
    width: 220px;                         /* Change This To Your Logo Width */
    height: 84px;                         /* Change This To Your Logo Height */
    margin-left: 5px;
}

Line 203:

Code: Select all

#toplogo {
    max-width: 1152px;
    min-width: 290px;
    margin: 0 auto;
    padding: 0;
    text-align: center;                         /* Add This Line To Center The Logo */
}

There is a wonderful extension by HiFi Kabin, Header Banner which is responsive and the banner shrinks when the screen is made smaller - if your logo is wider than 260px I'd recommended the extension.
Top value domain names at FastHosts.
Visit SiteSplat for some unique, elegant phpBB styles and extensions.
User avatar
Dan Stylez
Registered User
Posts: 287
Joined: Tue Jan 16, 2018 6:17 am
Contact: