vBulletin Mods

The Official vBulletin Modifications Site
https://www.vbulletin.org/forum/showthread.php?t=306021

Site Logo Image re-size
by Spangle
18 Dec 2013 14:38

The default width for the logo image in VB5 is only 320px, which may suit the VB logo itself, but doesn't help those wanting a bigger logo, the easiest and best way to do this is by altering the css, doing it this way means you don't mess up the rest of the header area.

You only need to complete two edits to one file.

Go to :
AdminCP>Styles and Templates>Style Manager

From the drop down menu select :

Edit Templates>CSS Templates> css_global.css

Find :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Alter the max-width to the desired width in pixels, up to 720px works fine.

Find : (it should be directly underneath, the above)


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Once again edit the part in red to the same figure as the first.

One point to remember is that with the height and width set to "auto" the CSS will make you image "fit" the maximum width set.

Therefore if you plan to use a larger logo, it is best to design the logo to your maximum width, if you use a smaller image, it will appear pixelated when enlarged by the CSS.

ozzy47 18 Dec 2013 15:43

Why don't you just add that to additional.css that wat it is safe from upgrades, when you have go revert the templates?

Spangle 18 Dec 2013 17:19

I tried the lower of the two on it's own through the additonal_css but it didn't work, so I went into css_global_css and found the two instances, didn't think to try adding them both to additional and trying it again ! :o

BWalter74 31 May 2014 05:23

How do I get rid of the search bar next to the logo?

https://www.vbulletin.org/forum/external/2014/06/30.jpg

I would like the banner to be the whole width

K4GAP 31 May 2014 09:23

Quote:

Originally Posted by BWalter74 (Post 2500194)
How do I get rid of the search bar next to the logo?

https://www.vbulletin.org/forum/external/2014/06/30.jpg

I would like the banner to be the whole width

Start your own thread and I guarantee you will get better results. Not only that but it's protocol here.

BWalter74 31 May 2014 15:04

Thank you, I will

Spangle 01 Jun 2014 18:18

Quote:

Originally Posted by BWalter74 (Post 2500237)
Thank you, I will

Theres a fix on VB.com in the tutorials it moves the search bar to the Nav bar

but here it is any way :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

If you want to reduce the size of the visible text entry box use this :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Hope this helps, thanks go to Wayne

Spangle 01 Jun 2014 18:24

Quote:

Originally Posted by BWalter74 (Post 2500194)
How do I get rid of the search bar next to the logo?

https://www.vbulletin.org/forum/external/2014/06/30.jpg

I would like the banner to be the whole width

The banner and the site logo are two separate images, you can load the banner via the header stylevar in edit templates.

The site logo is added through site builder.

posontyclanole 09 Nov 2014 15:36

If I put the big logo will be expected to be misconfigured on mobile devices (phones, tablets, etc.)?

meissenation 19 Feb 2017 06:49

Quote:

Originally Posted by Spangle (Post 2500357)
Theres a fix on VB.com in the tutorials it moves the search bar to the Nav bar

but here it is any way :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

If you want to reduce the size of the visible text entry box use this :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Hope this helps, thanks go to Wayne

thanks for sharing, worked perfectly on 5.2.6

willie53 07 Apr 2018 05:19

1 Attachment(s)
This could be done using a product so would be carried over to all installed styles this is a quick one i created it lets you use the full width of the header upto 1600x200 px it also moves the search box down to the tabbar.
It has been tested on Vb5.2.6 upto Vb5.4.1

afala 23 Jan 2021 17:38

Quote:

Originally Posted by willie53 (Post 2593990)
This could be done using a product so would be carried over to all installed styles this is a quick one i created it lets you use the full width of the header upto 1600x200 px it also moves the search box down to the tabbar.
It has been tested on Vb5.2.6 upto Vb5.4.1

Thanks :yukarı:

albanah 28 Jul 2021 13:01

Quote:

Originally Posted by Spangle (Post 2500357)
Theres a fix on VB.com in the tutorials it moves the search bar to the Nav bar

but here it is any way :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

If you want to reduce the size of the visible text entry box use this :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Hope this helps, thanks go to Wayne

How can I replace the search box by icon in navbar and when selected it displays search box below navbar?


All times are GMT. The time now is 14:46.

Powered by vBulletin® Version 3.8.14
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright ©2001 - , vbulletin.org. All rights reserved.