• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.3 Which way is better for styling ?

#1
Hi, I'm having a lot of stylings and customizations on my forum.

Let's say that the customizations have 3 viable methods, which one is the best (most recommended) and which one is the worst (not recommended) ?

1. piling them in extra.css by typing the scripts directly

2. using template modification to modify extra.css

3. editing style properties

thx :)
 

Brogan

XenForo moderator
Staff member
#2
1 and 3 are your choice.
2 isn't a valid method - there is no point using TMs on EXTRA.css as it is never changed or updated during an upgrade.

The other options are to edit the templates directly or apply TMs to the templates.
 
#3
1 and 3 are your choice.
2 isn't a valid method - there is no point using TMs on EXTRA.css as it is never changed or updated during an upgrade.

The other options are to edit the templates directly or apply TMs to the templates.
@bold: Just reassuring, do you mean that if I type in extra.css
Code:
.quickReply .messageUserInfo .helper {
display:none;
}
then I upgrade to a newer version that changes the (let's say) .messageUserInfo >>> .postUserInfo

the code in extra.css will also automatically change to :
Code:
.quickReply .postUserInfo .helper {
display:none;
}
CMIIW
 

Brogan

XenForo moderator
Staff member
#5
then I upgrade to a newer version that changes the (let's say) .messageUserInfo >>> .postUserInfo

the code in extra.css will also automatically change to :
Why would you want your custom CSS to update to the new code when upgrading?

It that is the case, why bother having any custom CSS?

Any changes to the HTML in terms of classes used would require you to make the corresponding changes.
 
#6
No, you'll need to manually adjust it accordingly.
ooh, I see


Why would you want your custom CSS to update to the new code when upgrading?

It that is the case, why bother having any custom CSS?

Any changes to the HTML in terms of classes used would require you to make the corresponding changes.
No, I don't hope for the automatic update either.

I asked that in regard to your post here
v
v
v
2 isn't a valid method - there is no point using TMs on EXTRA.css as it is never changed or updated during an upgrade.
So, what will actually be changed / updated (during an upgrade) if I work directly in extra.css ?
 

Brogan

XenForo moderator
Staff member
#9
I'm really not following you.

EXTRA.css is a blank template for you to apply your own styling customisations to.

It is never changed during an upgrade.
Whatever you add there will remain indefinitely.
 
#10
I'm really not following you.

EXTRA.css is a blank template for you to apply your own styling customisations to.

It is never changed during an upgrade.
Whatever you add there will remain indefinitely.
Still referring to this bold part
v
v
v
2 isn't a valid method - there is no point using TMs on EXTRA.css as it is never changed or updated during an upgrade.
did you mean that the TMs on extra.css will lose their effect after upgrading ?

CMIIW
 
#14
I'm really not following you at all.

I don't know how else I can explain it.
ok, nevermind, sorry sir I'm new around here :)

I'll just take that it'll be better for modifying directly on extra.css then

Just another question, will it be a trouble if I pile too many scripts on extra.css ?
 

Brogan

XenForo moderator
Staff member
#15
Yes, just add your code directly to EXTRA.css.
That is how it is intended to be used.

You can add many thousands of lines of code to it without issue.