FORUM SKIN ISSUES

options
FORUM SKIN ISSUES written Oct 25, 2022 1:05:05 GMT
6written posts
fuleiearned bits
offlinecurrently
fulei
New Member
fulei Avatar
Heyo! o/

I've noticed on my forum, that, when resizing, or adjusting the width of the window,
the forum itself stretches but the background does not. And I was not sure where in
the coding I've faltered. There's a few custom codes placed in from creators that remove
certain things, like the search function and small niggling aspects that disrupt appeal.

But my issue... is this:



This odd lack of stretching with the rest of the forum. The background alignment and
that seems to break. Even the header bar too with the menu text and links.

I've very much appreciate someone to help and tidy up these little issues. ^^;
I'm not the best with this sort of thing, and I've messed up somewhere down the line!

FORUM CODE

Thank you so so much if possible.
~ Fulei
options
FORUM SKIN ISSUES written Oct 25, 2022 20:15:50 GMT
aliasantiviral
pronounsHe/Him
258written posts
Beetleearned bits
offlinecurrently
Beetle
Senior Member
Beetle Avatar
fulei Avatar
Oct 25, 2022 1:05:05 GMT said:
Heyo! o/

I've noticed on my forum, that, when resizing, or adjusting the width of the window,
the forum itself stretches but the background does not. And I was not sure where in
the coding I've faltered. There's a few custom codes placed in from creators that remove
certain things, like the search function and small niggling aspects that disrupt appeal.

But my issue... is this:



This odd lack of stretching with the rest of the forum. The background alignment and
that seems to break. Even the header bar too with the menu text and links.

I've very much appreciate someone to help and tidy up these little issues. ^^;
I'm not the best with this sort of thing, and I've messed up somewhere down the line!

FORUM CODE

Thank you so so much if possible.
~ Fulei


I took a quick look at your site, and it's a super easy fix! The issue is with the <center> tags surrounding your forum. Remove that and then add margin:auto; to your board wrapper and it should center.

The highlighted part is where the margin auto needs to be applied, basically:


Solar Waltz, an 18+ panfandom set in NYC
options
FORUM SKIN ISSUES written Oct 26, 2022 0:05:20 GMT
6written posts
fuleiearned bits
offlinecurrently
fulei
New Member
fulei Avatar
Hello Beetle!

I did remove the <center> tag, but it seemed to break everything.
I'm not entirely sure what is going on. ^^;

I placed it back in since oddly it adds the background back in?

<div align="center" style="width: 980px; padding-left: 40px; padding-right: 40px; background-color: #2e2e2e; padding-top: 40px; margin-top: 200px; margin:auto;">

<div align="center" style="width: 980px; background-image: url(https://i.imgur.com/GfkygEm.png); ">

<center>

<div style='padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; background-image: url(https://www.stylecrush.com.au/wp-content/uploads/2013/03/backgrounds-for-tumblr-vintage-i4.png); width: 930px;'><div style="padding: 10px; background-color: #eee; font-family: calibri; font-size: 11px; color: #eee; text-align: justify;">
I also added in the margin:auto; too. But it did not seem to change too much.
Unless I'm a dum dum and I'm missing something. XD

Fulei
options
FORUM SKIN ISSUES written Oct 26, 2022 0:30:37 GMT
aliasantiviral
pronounsHe/Him
258written posts
Beetleearned bits
offlinecurrently
Beetle
Senior Member
Beetle Avatar
fulei Avatar
Oct 26, 2022 0:05:20 GMT said:
Hello Beetle!

I did remove the <center> tag, but it seemed to break everything.
I'm not entirely sure what is going on. ^^;

I placed it back in since oddly it adds the background back in?

<div align="center" style="width: 980px; padding-left: 40px; padding-right: 40px; background-color: #2e2e2e; padding-top: 40px; margin-top: 200px; margin:auto;">

<div align="center" style="width: 980px; background-image: url(https://i.imgur.com/GfkygEm.png); ">

<center>

<div style='padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; background-image: url(https://www.stylecrush.com.au/wp-content/uploads/2013/03/backgrounds-for-tumblr-vintage-i4.png); width: 930px;'><div style="padding: 10px; background-color: #eee; font-family: calibri; font-size: 11px; color: #eee; text-align: justify;">
I also added in the margin:auto; too. But it did not seem to change too much.
Unless I'm a dum dum and I'm missing something. XD

Fulei


Oh, how weird! It's less elegant, but you can also try reverting all the changes I told you to do and change the opening center tag to <center style="width:100%;">

Solar Waltz, an 18+ panfandom set in NYC
options
FORUM SKIN ISSUES written Oct 26, 2022 0:43:30 GMT
6written posts
fuleiearned bits
offlinecurrently
fulei
New Member
fulei Avatar
Oof! Sadly that's a no go. I just added it. XD

I wonder if... there's a script somewhere mixed in conflicting? Like a <DIV> or something?
I tried moving things around and saving and seeing the changes.

But not much seemed to move things so I just put it all back. OwO

I really do appreciate your time in trying to help though! XD

EDIT: I made a testing forum with the forum skin code to try fix things.
If you like, I can provide you the login credentials to test some things?
last edit on Oct 26, 2022 1:01:29 GMT by fulei
options
FORUM SKIN ISSUES written Oct 26, 2022 7:40:47 GMT
aliasantiviral
pronounsHe/Him
258written posts
Beetleearned bits
offlinecurrently
Beetle
Senior Member
Beetle Avatar
fulei Avatar
Oct 26, 2022 0:43:30 GMT said:
Oof! Sadly that's a no go. I just added it. XD

I wonder if... there's a script somewhere mixed in conflicting? Like a <DIV> or something?
I tried moving things around and saving and seeing the changes.

But not much seemed to move things so I just put it all back. OwO

I really do appreciate your time in trying to help though! XD

EDIT: I made a testing forum with the forum skin code to try fix things.
If you like, I can provide you the login credentials to test some things?
yeah sure! feel free to dm me the details

Solar Waltz, an 18+ panfandom set in NYC
options
FORUM SKIN ISSUES written Feb 2, 2023 5:40:58 GMT
internally screaming
pronounsshe/her
1,847written posts
Nekoearned bits
offlinecurrently
Neko
Administrator
Neko Avatar
stressed, depressed, and probably not well-dressed
[nospaces]

[attr="class","infoBG"]
[attr="class","infoBG2"]
[attr="class","infoBack"]
[attr="class","infoTitle"][attr="class","fa fa-star-o"] threadarchived
[attr="class","infoDiv"]

[attr="class","infoBody"]

This thread hasn't had any replies since a month ago - feel free to repost if you wish!