By Lumbroso on Tuesday, 08 September 2015
Replies 5
Likes 0
Views 855
Votes 0
Hello.
I tried to find answers to my questions in the documentation of Easysocial but I confess I do not quite understand how.
On my site (http://www.myvesinet.com) I applied changes to CSS style sheets Easysocial. These changes are applied to the component and also on some models.
Only when the availability of the new version of Easysocial (1.4), all of my changes will be lost.
How to protect any changes that I have been able to do on CSS?
Knowing that the CSS changes were made directly in Easysocial folders in the Wireframe theme
Thanks for your help ...
Hi there,

Hm, I'm afraid there is no possible way to retained your custom change unless you have modify it using template overriding. Even so, as far as I concern is that some of the easysocial 1.4 css structure has changed and your previous custom modification might not be working properly.

Perhaps the best way is for you to manually backup all the changes that you made and then re-applied back into 1.4 one by one and see if there are some issue within the process. If yes, you can manually re-adjusting the changes based on easysocial 1.4 structure.

Hope these help.
·
Tuesday, 08 September 2015 19:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Okay, thank you for these explanations. Is it possible now to use template overriding and thus save my changes? I did not find any comprehensive assistance on the use template overriding.
·
Tuesday, 08 September 2015 20:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Lumbroso,

What you could do is to copy over the css codes that you have applied into your template override's css file Take a look at the documentation here on how you can create custom css overrides, http://stackideas.com/docs/easysocial/administrators/templating/adding-custom-css-codes

Also, you need to take note that your CSS changes might not be applicable on 1.4 because of some minor structural changes.
·
Tuesday, 08 September 2015 22:20
·
0 Likes
·
0 Votes
·
0 Comments
·
What I do is to NOTES my css files

example would be


/* My Edits to panel */

body div#fd .panel
{
margin-bottom:20px;
background-color:#3a3b40;
border:1px solid #000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}



Where I leave notes to myself between the /* and */ tags

In that way I have a reference when there is an upgrade and I can quickly get back on track using search

TMW
TMW
·
Wednesday, 09 September 2015 09:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Yes that right, that was good ideas to take a note for reference back in the future what this custom css code task.

Keep us updated if you need any further assistance in the future.
·
Wednesday, 09 September 2015 12:10
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post