XF 2.3 Newbie queston re. forum sizing

ShenmueGuru

Member
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
Narrow.webp

Wide

Wide.webp


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!
 
Last edited:
Your code looks like this:

1738782767283.webp

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:

Code:
.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.
 
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.
 
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?

1000039351.webp

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.
 
Back
Top Bottom