Centre header image and remove text

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

Centre header image and remove text

Post by mtridersclb » Sat Dec 12, 2015 10:20 am

Hi again chaps.

Please help me to centre the banner image and to remove the white text MT Riders Club on 3.1(.6)

www.mtridersclub.co.uk

Thank you

Gramziu
Registered User
Posts: 3
Joined: Wed Sep 30, 2015 8:38 am
Location: Poland

Re: Centre header image and remove text

Post by Gramziu » Sat Dec 12, 2015 11:42 am

Add this code:

Code: Select all

#site-description h1 {
    visibility: hidden;
}

#site-description {
    width: 100% !important;
    text-align: center;
}

.logo {
    float: none !important;
}

.search-header {
    margin-top: -40px !important;
}
to:

Code: Select all

phpbb/styles/prosilver/theme/common.css

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

Re: Centre header image and remove text

Post by mtridersclb » Sat Dec 12, 2015 4:08 pm

Thats great thank you. Ill be trying to understand that too rather than just copy and paste.

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

Re: Centre header image and remove text

Post by mtridersclb » Sat Dec 12, 2015 4:17 pm

Pushing further....

Can I now take the search button and fit onto the "Board Index" line - (we used to call that a cell in html, whats it called these days?)

Gramziu
Registered User
Posts: 3
Joined: Wed Sep 30, 2015 8:38 am
Location: Poland

Re: Centre header image and remove text

Post by Gramziu » Sat Dec 12, 2015 5:18 pm

Delete following code from template/overall_header.html:

Code: Select all

			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->
In template/navbar_header.html find:

Code: Select all

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<li class="rightside responsive-search" style="display: none;"><a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">{L_SEARCH}</a></li>
		<!-- ENDIF -->
Add after:

Code: Select all

		<li class="rightside">
			<!-- EVENT overall_header_searchbox_before -->
			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box" class="search-box search-header" role="search">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
					<button class="button icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
					<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
					{S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
			<!-- ENDIF -->
		</li>
You'll also need to change previous code:

Code: Select all

.search-header {
    margin-top: -40px !important;
}
Into following code:

Code: Select all

.search-header {
    margin-top: 0 !important;
    box-shadow: 0px 0px 2px #505C65;
}

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

Re: Centre header image and remove text

Post by mtridersclb » Sat Dec 12, 2015 5:50 pm

Wow, and I thought it would be simple!!
Thank you very much for your code!

User avatar
Lumpy Burgertushie
Registered User
Posts: 66566
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Centre header image and remove text

Post by Lumpy Burgertushie » Sat Dec 12, 2015 6:14 pm

just fyi, both of those things and probably any other questions you have about how to do this stuff has already been answered hundreds of times. use the search and/or check the knowledge base articles and documentation.

all of that can be found in the menu at the top of every page.

this will usually save you a lot of time waiting on someone to come along and answer you.

what we often do is go to those places where the questions have already been answered, look for the answer for you, copy and paste it into a new reply to your post.


luck,
robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

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

Re: Centre header image and remove text

Post by mtridersclb » Sat Dec 12, 2015 6:37 pm

Thank you Robert. I find it frustrating in my own forum when people ask the same question for the 100th time but I find this language hard to understand and in my early stages I do search first, this time I searched Google though for "remove search phpbb prosilver se" but the results were inappropriate.
I probably need to learn how to search for this language!
Thanks

Simon

PS
I just tried the search "search move" into the box at the top as you advise and voila - there it was. Sorry for time wasting!
Greetz

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

Re: Centre header image and remove text

Post by mtridersclb » Sat Dec 12, 2015 8:24 pm

Sorry, getting confused here. The above appears in the templates for Prosilver AND Prosilver_SE - which am I editing please?
Thank you

User avatar
Lumpy Burgertushie
Registered User
Posts: 66566
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Centre header image and remove text

Post by Lumpy Burgertushie » Sat Dec 12, 2015 8:42 pm

which style are you using? anytime you are using a different style than prosilver you would edit the files that are in that style. if, the file is not in that style then it means that the custom style is a child of prosilver and therefore you would edit the relevant file that is in the prosilver folders.

if you are using both styles ( or more ) then you would need to do the edits to both styles.


robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

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

Re: Centre header image and remove text

Post by mtridersclb » Sat Dec 12, 2015 10:36 pm

Im using Prosilver_SE so I guess Ill edit both styles? so just copy the same segment into both templates? Ill try it.

User avatar
Lumpy Burgertushie
Registered User
Posts: 66566
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Centre header image and remove text

Post by Lumpy Burgertushie » Sat Dec 12, 2015 11:40 pm

if prosilver_se is the only style that you are using for all members then there is no reason to edit the prosilver files. you are not really suppose to edit them anyway.

that is what the whole child style/file inheritance thing is for, so you don't have to edit the standard core files.


robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

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

Re: Centre header image and remove text

Post by mtridersclb » Sun Dec 13, 2015 9:55 am

Ah Ok, so the instructions above show to edit:

Overall_Header which is in BOTH Parent and child - but only edit the child.
Navbar_Header which is ONLY in Parent - so clearly just edit that one.

User avatar
Lumpy Burgertushie
Registered User
Posts: 66566
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Centre header image and remove text

Post by Lumpy Burgertushie » Sun Dec 13, 2015 4:12 pm

or, ( to confuse this a little more ) you can copy the navbar_header.html file from prosilver/template to prosilver_se/template. then edit that one.

the object here is to keep prosilver stock. that way, when you update in the future, there will be no edits to make to the prosilver files, just to your other ones.


robert
I'm baaaaaccckkkk. still doing work on donation basis. PM your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

If a tree falls in the forest and nobody is there, does it make a sound?

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

Re: Centre header image and remove text

Post by mtridersclb » Sun Dec 13, 2015 9:47 pm

Does that apply to all other files too? And do roots need to be updated or will it naturally work from either template?

Locked

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