XF 2.3 Newbie queston re. forum sizing

[ShenmueGuru]

Hi all,

trying to get our forums in order after we had to get rid of our previous web developer. We are doing ok, but I have a question I feel is probably easy to answer, but i am still learning fast.

We have 3 themes, and 2 of them have a narrow style of nodes and posts below the header. But one stretches the full length of the desktop. Here are the examples:

Narrow


Wide




The question I have is where abouts is it within the appearance section that this can me edited? Is this just in the styles section, or is it part of any custom code? I would say its the nodes section on the main page, but posts within topics are also the same width, so I assume they are all linked to a specific option?

Thanks in advance!

 

[CedricV]

Found your link. This is what you want to do, yes?

 

[CedricV]

Your code looks like this:



Notice the max-width 100vw. This means 100% of the viewport width which means the element can expand up to the full width of the viewport. If the viewport is 1920px wide, the element's maximum width will be 1920px. If the viewport is 800px wide, the element's maximum width will be 800px.
Ideally, you want to set 1200px:

.p-body-inner {
    FONT-WEIGHT: 100;
    border-bottom: #000 2px groove;
    border-left: #888 2px groove;
    border-right: #000 2px groove;
    border-top: #888 0px solid;
    background-image: url(https://www.shenmuedojo.com/wp-content/uploads/2019/11/body_background.jpg);
    max-width: 1200px;
}

You can put this code in your extra less, or find where you originally edited it to 100vw and change it to 1200px.

 

[ShenmueGuru]

Found your link. This is what you want to do, yes?

View attachment 318647

Ah it was actually the opposite way, with the other 2 themes we have to widen them, rather than make this green one narrower.

But the code you have thrown up is wonderful, it makes sense! I tried a quick search for 100vw and the only 2 results were in templates that have not been modified at all.

But with the code you have provided I can tailor it to see what suits best.

 

[ShenmueGuru]

Hi @CedricV

The fix worked perfectly for our first "narrow" theme, and looks great. However when I apply the same code to the extra.less of the second "narrow" theme we have, nothing seems to happen. Just wondering if the reason is because the setting is contained elsewhere?



I did template searches to try and find the "max-width; 100vw" and nothing at all came up, so it must be another piece of code out previous developer has left in there dictating the width of the blocks.

 

[ShenmueGuru]

Oh my, ignore. You look for the most complicated reasons and it turns out it goes the other way and is the simplest.

The maximum page width within the basic style properties had not been custom valued. Job done!

 

[CedricV]

Good to see you’ve handled it.

 

[ShenmueGuru]

Learning from the best sir!

 

[CedricV]

Learning from the best sir!

The best? Where? Who is he?

Never heard of it.