Prosilver SE - resize header background (I have searched...)

For support and discussion related to templates, themes, and imagesets in phpBB 3.1.
Scam Warning
Locked
mtridersclb
Registered User
Posts: 86
Joined: Wed Oct 01, 2008 7:15 pm

Prosilver SE - resize header background (I have searched...)

Post by mtridersclb » Mon Dec 21, 2015 8:03 am

Hi folks. Im trying to re-size the grey background of the header to match the banner logo. I have found:

Common:
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
and by changing the margin top and font size, I can reduce the bottom by a fair amount but its not enough, accurate and feels like a bit of a bodge.

Please help. Thank you!

mtridersclb
Registered User
Posts: 86
Joined: Wed Oct 01, 2008 7:15 pm

Re: Prosilver SE - resize header background (I have searched...)

Post by mtridersclb » Mon Dec 21, 2015 9:43 pm

Ah, cracked it. Before I was told to hide the logo and site name but doing that it retains the 'cells' for them - you have to remove them. Done.

User avatar
Christian 2.0
Former Team Member
Posts: 4454
Joined: Wed Nov 04, 2009 11:16 pm
Location: UK
Name: Christian
Contact:

Re: Prosilver SE - resize header background (I have searched...)

Post by Christian 2.0 » Tue Dec 22, 2015 12:22 am

Hey there!

You could have used display: none; in the h1 tag to remove the header, which also removes the element from the document flow and adjusts the size accordingly.

Would you be happy to share a link to your board? It sounds like there might be a neater way to achieve what you're trying to do :)

mtridersclb
Registered User
Posts: 86
Joined: Wed Oct 01, 2008 7:15 pm

Re: Prosilver SE - resize header background (I have searched...)

Post by mtridersclb » Fri Mar 18, 2016 11:03 am

Christian 2.0 wrote:Hey there!

You could have used display: none; in the h1 tag to remove the header, which also removes the element from the document flow and adjusts the size accordingly.

Would you be happy to share a link to your board? It sounds like there might be a neater way to achieve what you're trying to do :)
Hi Christian. Sorry I've only just seen your reply, I do need to make it work a bit better as its a pain on a tablet, please see attached. Thanks again.

Www.mtridersclub.co.uk
image.png

User avatar
Arty
Former Team Member
Posts: 16654
Joined: Wed Mar 06, 2002 2:36 pm
Name: Vjacheslav Trushkin
Contact:

Re: Prosilver SE - resize header background (I have searched...)

Post by Arty » Fri Mar 18, 2016 11:31 am

In overall_header.html replace

Code: Select all

{SITE_LOGO_IMG}
with

Code: Select all

<img src="{T_THEME_PATH}/images/headerxmas.jpg" />
then add this to css

Code: Select all

#logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
#logo { padding: 0; }
Vjacheslav Trushkin / Arty.
Free phpBB 3.1 styles | New project: Iconify - modern SVG framework

mtridersclb
Registered User
Posts: 86
Joined: Wed Oct 01, 2008 7:15 pm

Re: Prosilver SE - resize header background (I have searched...)

Post by mtridersclb » Sun Mar 20, 2016 9:40 pm

Thats really kind of you, thanks very much.

Locked

Return to “[3.1.x] Styles Support & Discussion”