Jump to content
WebFlake
  • 0

How to change forum (board) width?


Mr.Aces

Question

Recommended Posts

  • 0
27 minutes ago, TO_ProLeague said:

<nav data-controller="core.front.core.navBar" class="" id="ips_uid_6418_2">
 

My forum link: http://community.toproleague.win

Here is something you can try:

  1. Go back to the custom.css file.
  2. Add a new row with the following code.
#ipsLayout_header nav {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

Change "960px" to whatever width you added to the ".ipsLayout_container".

Link to comment
Share on other sites

  • 0

Admin CP -> Themes -> Edit current theme -> Custom tab -> Change the fixed width

  • Upvote 1
  • Support Team - September 9th, 2017 - June 8, 2018
  • Junior Moderator - December 14th 2018 - November 16th, 2019
  • Designer - November 16th, 2019 - June 5th, 2020
  • Moderator - June 5th, 2020 - August 28th, 2020
Link to comment
Share on other sites

  • 0

The width of the container of your forum is specified in the CSS, I'm not sure what the class is called and what the CSS file is called on your forum.

Anyway, you can either look at the source code of your forum and check what the class is called or inspect the element by right clicking on it.
If you found out what the container is called, you can check your CSS files to see if you can find the container there.

It is quite hard to explain this as I mentioned above, I have no idea what the container and CSS file is called on your forum.

Link to comment
Share on other sites

  • 0
19 minutes ago, TO_ProLeague said:

There is no option in custom tab to fixed width

Then i would suggest you tell people what theme you are using or things, as asking a question with 0 information is like trying to help you in the dark.

On 06/11/2017 at 10:34 PM, TO_ProLeague said:

I don't have ipb_style.css in my theme, what should i do?

  Reveal hidden contents

Nr0udGouRlmZyyo7lgFk5Q.png

 

This is located in AdminCP > Customization > Themes > Your Theme > Edit > css

this is also where you can find custom.css

VAEfvMI.png

Liked what i posted remember to feed me a cookie ->
Or you can add a cookie to myCookieJar

Link to comment
Share on other sites

  • 0
1 minute ago, Cookie Monster said:

Then i would suggest you tell people what theme you are using or things, as asking a question with 0 information is like trying to help you in the dark.

This is located in AdminCP > Customization > Themes > Your Theme > Edit > css

this is also where you can find custom.css

Then what commands i ave to enter there?
I'm using IPS default theme

Link to comment
Share on other sites

  • 0
Just now, TO_ProLeague said:

and where i will find that?

I explained this in my previous post:

5 minutes ago, Velexis said:

The width of the container of your forum is specified in the CSS, I'm not sure what the class is called and what the CSS file is called on your forum.

Anyway, you can either look at the source code of your forum and check what the class is called or inspect the element by right clicking on it.
If you found out what the container is called, you can check your CSS files to see if you can find the container there.

It is quite hard to explain this as I mentioned above, I have no idea what the container and CSS file is called on your forum.

 

Link to comment
Share on other sites

  • 0
5 minutes ago, Velexis said:

@TO_ProLeague there is a custom.css file at the location path Cookie Monster shared.
You can add there this line of code:


.ipsLayout_container { max-width: 960px; }

Change the width to whatever size you need, please keep in mind that it has to be in pixels!

It's working but i don't need extra length navbar!

Spoiler

9hHLFDZFQ7adKITo3Em_nQ.png

 

Link to comment
Share on other sites

  • 0
4 minutes ago, TO_ProLeague said:

It's working but i don't need extra length navbar!

  Hide contents

9hHLFDZFQ7adKITo3Em_nQ.png

 

This is actually a tricky part, this changes per theme. So I need you to something for me in order to help you out to the best of my ability.

  1. Right click on the left side of your navigation bar.
  2. Click the option "Inspect Element".
  3. A box will popup showing you lines of codes, search for something like this:
<nav id="..." class="...">

It might look slightly different for you, but I need you to copy and paste that line of code here.

Link to comment
Share on other sites

  • 0
3 minutes ago, Velexis said:

This is actually a tricky part, this changes per theme. So I need you to something for me in order to help you out to the best of my ability.

  1. Right click on the left side of your navigation bar.
  2. Click the option "Inspect Element".
  3. A box will popup showing you lines of codes, search for something like this:

<nav id="..." class="...">

It might look slightly different for you, but I need you to copy and paste that line of code here.

<nav data-controller="core.front.core.navBar" class="" id="ips_uid_6418_2">
 

My forum link: http://community.toproleague.win

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...