Installing and upgrading your xenforo style

Ehren

Administrator
Staff member
Customer
Messages
4,546
Website
www.xenfocus.com
Follow these steps to install your xenfocus style.




Method 1 (for xenforo 2.2 or newer):

1. Download the style from the Client Area.

2. Unzip the file on your computer, and you should see:
- xenfocus-readme.html
- style-*****.zip

3. Log into your admin cpanel, select the "Appearance" tab > and click the Import button.

Import button.png

4. Browse for the .zip file from your computer and press Import.

Import theme.png


5. Once the style has been imported, we want to create a Child style which allows us to easily modify and upgrade the style if necessary. To do so, click the Add style button at the top, add your own Title and Description, and change the Parent Style option to your newly installed xenfocus theme.

Create child.png

6. Now that your Child theme has been created, visit the Styles page and disable the Parent style for members since it's no longer necessary. Disabling the style simply removes it from the Style Picker at the bottom of your site. You can also set your Child style as default (if required).

Done.png

7. All done! If you ever need to modify the style: modify the Child style but keep the Parent style untouched. If you ever need to upgrade the style, you simply import the new version, replace the Parent style when prompted, and your Child style will automatically update!

If you need to modify your theme, try and add all of your css changes into extra.less, and avoid modifying any of the template files if possible. This will make future theme updates very simple. :)



Method 2 (for xenforo 2.1 or older):

1. Download the style from the Client Area.

2. Unzip the file on your computer, and you should see:
- xenfocus-readme.html
- style-*****.xml
- "styles" folder which contains the images for your style

3. Using an FTP program, upload the styles folder to your xenforo folder. There will already be a styles folder, so simply merge the folders so they become one.

4. Log into your admin cpanel, select the "Appearance" tab > Import a style, and import the .xml file.

5. Once the style has been imported, we want to create a Child style which allows us to easily modify and upgrade the style if necessary. To do so, click the Add style button at the top, add your own Title and Description, and change the Parent Style option to your newly installed xenfocus theme.

6. Now that your Child theme has been created, visit the Styles page and disable the Parent style for members since it's no longer necessary. Disabling the style simply removes it from the Style Picker at the bottom of your site. You can also set your Child style as default (if required).

7. All done! If you ever need to modify the style: modify the Child style but keep the Parent style untouched. If you ever need to upgrade the style, you simply import the new version, replace the Parent style when prompted, and your Child style will automatically update!

If you need to modify your theme, try and add all of your css changes into extra.less, and avoid modifying any of the template files if possible. This will make future theme updates very simple. :)
 
Last edited:

boss1

New Member
Messages
12
sorry but once again upgrade to latest supportaed XF v2.0.12 was ok but applying the latest Uniform 2.0.12.1 destroyed my settings
- I followed the how to upgrade: fails
- I created a new style, from scratch: ok, but then trying to import and overwrite this default style with uniform = fails
now I just use the default style :(

summary: whatever I try (apply to parent style or to new style) = doesn't make it ...

I'm lost...any ideas?
Thanks

ps: I join a screenshot of what I get in all cases

UPDATE:

I disabled all addons, applied/overwrite style, and re enabled addons and it was ok
!!!
 

Attachments

  • ScreenS 12-01-2019.png
    ScreenS 12-01-2019.png
    43.1 KB · Views: 10
Last edited:

Ehren

Administrator
Staff member
Customer
Messages
4,546
Website
www.xenfocus.com
This seems like it may be an issue with your xenforo installation rather than my theme. Maybe the upgrade process is failing at some point, which is preventing all of the code from being imported..

I'd suggest contacting Xenforo and telling them to reproduce those steps. No other customers have reported this issue so I can only assume it's isolated to your site.
 

salt

New Member
Messages
5
Does the error happen when trying to install the theme as a fresh theme?
Yeah, I also had another user try to install it and they had the same issue.

Tried to use an older version, same error. Also cleared my cache per some results I saw on google fixing the issue and was given the same error, but a different line (184) instead of 204.
 

Ehren

Administrator
Staff member
Customer
Messages
4,546
Website
www.xenfocus.com
Strange, I have no explanation for that, especially since it’s isolated to your site. I’d possible, send me a PM with a username and password to your ACP (you may restrict access to the Appearance area if you wish) and I’ll take a look for you :)
 

Nicola

Member
Messages
41
Website
devcometrue.fr
???

Overwriting the actual style as
Follow these steps to upgrade your xenfocus style.

1. Download the style from the Client Area.

2. Unzip the file on your computer, and you should see:
  • xenfocus-readme.html
  • style-*.xml
  • "styles" folder which contains the images for your style
3. In some cases, there may be new/modified files inside the styles folder. These files will be mentioned in the change log. If this is the case, upload the files to your xenforo folder using an FTP program.

4. Log into your admin cpanel, select the "Appearance" tab > Import a style, and browse for the .xml file. Choose the Overwrite style option and select your Parent xenfocus style from the list.

5. Done!

I made this !!
And i loose all my customization !!!!!!!!!!!!

I have to reset all style properties like Mega Footer, Background... I have to modify again all my changes in XF templates too...
WHY THIS ??
 

Ehren

Administrator
Staff member
Customer
Messages
4,546
Website
www.xenfocus.com
???

Overwriting the actual style as


I made this !!
And i loose all my customization !!!!!!!!!!!!

I have to reset all style properties like Mega Footer, Background... I have to modify again all my changes in XF templates too...
WHY THIS ??
All of your changes should be applied to your child theme, as mentioned in the tutorial. Then, when you overwrite the parent theme during the update, all of your modifications which had been applied to your child theme will be retained during updates.

If you follow the steps correctly, your customizations will not be lost during updates.
 
Top