Okay, I was originally going to update the original thread, but this one is a bit different and works a little differently.
So if you have the original one
, then please undo your edits before adding this one.
This is the same mod as visually, but with the addition of the Santa.
I also cleaned up the folder structure and moved all controls to the following file:
public_html/includes/custom_files/holidays/xmas/x-config.php
**TIP**
If you have never edited your custom_head.php or custom_footer.php, then you can use the pre-edited files I give.
Just know that if you DON'T have a custom_footer.php, then more and likely, you have never modified either file for Evo Xtreme does not come with the custom_footer.php by default. Not sure why this is, but it is.
Edit/Remove the snowman:
We will start off with removing the snowman, since that is the easiest one out of both options.
Open public_html/includes/custom_files/holidays/xmas/xmas-f.php
In there, look for the line that looks like:
Change to:
If you noticed, all I added was a // in front of it. That's it.
Now, how to edit the Snowman. Well, go into the images' folder, (public_html/includes/custom_files/holidays/xmas/images/) and do what ever you want to the snowman image, but, try keeping the height about what I have there. The width is up to you, but I wouldn't also go much wider than double what it is now.
When you're down with the snowman image, (DON'T CHANGE THE NAME AND KEEP IT A PNG IMAGE), you will need to remember the width and the height of the snowman.
Open:
public_html/includes/custom_files/holidays/xmas/css/christmas.css
Okay, lets set the width first. Find the class .snowman, in that class, you will see "width: 237px;", change that to the width of your new snowman image. The height you see is at 75px, well, that is just the little bit that stays at the top for people to click on.
To set the height, that's further down.
Look for the selector called ".snowman.expanded", it's at the very bottom. There you will see "height: 303;", will this is where you put in the height of the snowman image you did.
I also added in an adjustment further down for mobile, and you will see that under the other code, you will see the expanded height you can adjust if you do change the snowman, but that will be up to you to play around with. If you get stuck and need help, feel free to ask.
That's it.
I hope you enjoy.
[UPDATED] 12/8/2022
-Added instructions to fix the cookie warning to be behind the snow for most themes. Instructions can be found in this post:
Download instructions were also updated.
So if you have the original one
Please login to see this link Get registered or Log in |
This is the same mod as visually, but with the addition of the Santa.
I also cleaned up the folder structure and moved all controls to the following file:
public_html/includes/custom_files/holidays/xmas/x-config.php
**TIP**
If you have never edited your custom_head.php or custom_footer.php, then you can use the pre-edited files I give.
Just know that if you DON'T have a custom_footer.php, then more and likely, you have never modified either file for Evo Xtreme does not come with the custom_footer.php by default. Not sure why this is, but it is.
Edit/Remove the snowman:
We will start off with removing the snowman, since that is the easiest one out of both options.
Open public_html/includes/custom_files/holidays/xmas/xmas-f.php
In there, look for the line that looks like:
Code: [ Select all ]
echo '<div class="snowman"> </div>', PHP_EOL;
Change to:
Code: [ Select all ]
//echo '<div class="snowman"> </div>', PHP_EOL;
If you noticed, all I added was a // in front of it. That's it.
Now, how to edit the Snowman. Well, go into the images' folder, (public_html/includes/custom_files/holidays/xmas/images/) and do what ever you want to the snowman image, but, try keeping the height about what I have there. The width is up to you, but I wouldn't also go much wider than double what it is now.
When you're down with the snowman image, (DON'T CHANGE THE NAME AND KEEP IT A PNG IMAGE), you will need to remember the width and the height of the snowman.
Open:
public_html/includes/custom_files/holidays/xmas/css/christmas.css
Okay, lets set the width first. Find the class .snowman, in that class, you will see "width: 237px;", change that to the width of your new snowman image. The height you see is at 75px, well, that is just the little bit that stays at the top for people to click on.
To set the height, that's further down.
Look for the selector called ".snowman.expanded", it's at the very bottom. There you will see "height: 303;", will this is where you put in the height of the snowman image you did.
I also added in an adjustment further down for mobile, and you will see that under the other code, you will see the expanded height you can adjust if you do change the snowman, but that will be up to you to play around with. If you get stuck and need help, feel free to ask.
That's it.
I hope you enjoy.
[UPDATED] 12/8/2022
-Added instructions to fix the cookie warning to be behind the snow for most themes. Instructions can be found in this post:
Please login to see this link Get registered or Log in |
Download instructions were also updated.
Last edited by coRpSE on Thu Dec 08, 2022 11:07 am; edited 2 times in total
thanks corpse works great
Glad to hear.
Thanks coRpSE working great for me aswell.
nice
Here is a little update for those of you that are using this. You may have noticed that if you go to your site using a different browser or if you cleared your browser cookies/cache and saw the message at the bottom, "This website uses cookies to ensure you get the best experience on our website. Learn more". Well, using this christmas script I have here blocks it with the snow. To fix this, just do the following. I have updated the download readme with the fix aswell.
#
#-----[ OPEN ]------------------------------------------
#
public_html/includes/css/cookieconsent.min.css
#
#-----[ FIND ]------------------------------------------
#
z-index:9999
#
#-----[ REPLACE WITH ]------------------------------------------
#
z-index:99999
#
#-----[ SAVE & CLOSE ]------------------------------------------
#
Basically, if you can't tell, all you are doing is adding an extra 9 at the end, changing it from 9999, to 99999. You will need to clear your browser cache to be able to see the difference. There is only 1 occurrence where z-index occurs in the file so that is what I don't give all the instructions to find the line, then in the line find that one thing. I am just following the KISS principle with this one.
#
#-----[ OPEN ]------------------------------------------
#
public_html/includes/css/cookieconsent.min.css
#
#-----[ FIND ]------------------------------------------
#
z-index:9999
#
#-----[ REPLACE WITH ]------------------------------------------
#
z-index:99999
#
#-----[ SAVE & CLOSE ]------------------------------------------
#
Basically, if you can't tell, all you are doing is adding an extra 9 at the end, changing it from 9999, to 99999. You will need to clear your browser cache to be able to see the difference. There is only 1 occurrence where z-index occurs in the file so that is what I don't give all the instructions to find the line, then in the line find that one thing. I am just following the KISS principle with this one.
thanks again updated
no problem.