New default theme shows only custom.css?

[Mihai GnG]

Hello,

 

I wanted to know how i do unhide all the css in the code editor without being in designer mode, i had an older version that i used and i was able but now in the latest one, after i upgraded, i want to make a new theme for my community and i just can't do it without being in designers mode, and the biggest issue is that i have the old theme there as well that i can take code from there and include into the new one but once i go designer mode and back, the old theme breaks and needs reuploading every time...

 

Please help me unlock them css because is really not cool to not see anything, also there are classes that if i want to see and i check with inspect element, some child classes can't see them only in certain situations but if i go into the css file itself i can see all what is related to that class and be able to add into the custom css what to modify on it.

 

Thanks in Advance.

[Jim M]

A release last year (going off memory) took out the core CSS and made it unable to modify the code. There were too many complications of allowing this, thus, it was removed. You can review the CSS in designers mode or on the front-end but it is not able to be modified. You would use your custom.css (or other custom files) to override or add style.

[Mihai GnG]

I understand that one, but for some users would be nice to at least see them all without being needed to go into designers mode, you know well that you have css classes that shows only if certain conditions are met, well can't see them ones without those conditions which makes my coding for the new theme, way harder...

I had no issues with them being edited because at each update i took my time to update the theme on the test platform and then make the update on the main platform and upload the theme there and everything was fine

6 minutes ago, Jim M said:

You can review the CSS in designers mode or on the front-end but it is not able to be modified

Where i can see them? Could not find it... I see only the custom.css for now, i don't know where else i could check to see all the other css files.

 

Also... if i change something inside the custom.css for some stuff i still need to use the "!important" tag?

[Jim M]

Just now, Mihai GnG said:

I understand that one, but for some users would be nice to at least see them all without being needed to go into designers mode, you know well that you have css classes that shows only if certain conditions are met, well can't see them ones without those conditions which makes my coding for the new theme, way harder...

You would use a browser developer mode and you can see all of those classes and test special conditions, etc...

[Mihai GnG]

2 minutes ago, Mihai GnG said:

Also... if i change something inside the custom.css for some stuff i still need to use the "!important" tag?

Alright, and what about this one?

[Jim M]

Just now, Mihai GnG said:

Alright, and what about this one?

You would want to check what you have there. The custom.css is loaded last so should cascade/overwrite appropriately in a vast majority of cases. There may be some specific cases which !important is still required to override but in version 5, we are cleaning a lot of this up.

[Mihai GnG]

Just now, Jim M said:

You would want to check what you have there. The custom.css is loaded last so should cascade/overwrite appropriately in a vast majority of cases. There may be some specific cases which !important is still required to override but in version 5, we are cleaning a lot of this up.

Ohh, alright, well at least in v5 will be cleaner that would be awesome for themes.

 

Thank you very much for your help, i will see how i can get around this theme editing mode.

[Mihai GnG]

hello again on same subject...

in my theme from v4.6.8 i have lots of custom .css files created by me, on the 4.7.19 can't edit them... and the problem is that if i put the new code related for that into the custom.css is not working, i have put cloudflare into developer mode, i have purged cache multiple times, i have CTRL+F5-ed a lot of times, any other stuff works, that code specially does not work...

if there is a code inside the platform itself that i could just change to allow to myself and my community that other .css show up or the ones created by me to be able to edit them, would be awesome... is just going insane... and somehow designers mode breaks my theme every time i get out of it and i need to reupload it because it deletes all my own .css files i have created prior to this version... i can't change over 50 .css files to adapt a theme, i don't have time for this and in same time i need to keep the website running

 

please help me in some shape or form

[Jim M]

We would need to look further into this for you, however the access details on file appear to be incorrect or missing. Could you please update these details by visiting your client area, selecting the relevant purchase, then clicking "Review/Update Access Information" under the "Stored Access Information" section. 

We look forward to further assisting you. 

 

[Mihai GnG]

Just now, Jim M said:

We would need to look further into this for you, however the access details on file appear to be incorrect or missing. Could you please update these details by visiting your client area, selecting the relevant purchase, then clicking "Review/Update Access Information" under the "Stored Access Information" section. 

We look forward to further assisting you. 

 

I just did now... We just moved the website to a better webhost and i was trying to set up the testing license to make all the tests there for this... but i would really love to be able to do the theme edits like before, just guide me where into the FTP i need to edit line to allow myself this, or either DM me with this guide/steps to allow this one

[Jim M]

I see in your other ticket you have updated access details.

Unfortunately, when updating a custom css file, I added .test to test this and it is appearing in the custom.css rendered.

I

One thing I do see, is you have a ton of empty space in these files. I would suggest removing the empty space at the bottom of each file.

[Mihai GnG]

Just now, Jim M said:

I see in your other ticket you have updated access details.

Unfortunately, when updating a custom css file, I added .test to test this and it is appearing in the custom.css rendered.

I

anything new appears, but some specific css edits, that are related to data-forum or some other stuff, they are not working, i don't know why, and i have old code i need to replace in my before .css files created and can't remove them because shows i either need to move everything in custom.css and delete that one or either revert and leave it like that...

[Jim M]

3 minutes ago, Mihai GnG said:

that are related to data-forum or some other stuff, they are not working

I'm not quite sure what you mean, anything added to CSS whether it is new or modifying would act in the same manner. The only reason something may be omitted is if it didn't save because it was invalid CSS. Other than that, it will appear in the file. Whether the CSS works as you intended or is correct is not something which would be in our scope of support, I'm afraid.

[Mihai GnG]

Ok, I have the next code

		/* Arhiva */
	/* --- Recycle Bin */
[data-forumid="70"] .fa-list-tree:before {
  content: "\e2ab";
}
[data-forumid="70"] .fa-list-tree:before, [data-forumid="70"] .fa-lock-keyhole-open:before, [data-forumid="70"] .fa-lock-keyhole:before  { /* Recyle Bin Unlocked*/
  content: "\e2ab";
}
	/* --- Arhiva */
[data-forumid="1847"] .fa-list-tree:before {
  content: "\f187";
}
[data-forumid="1847"] .fa-list-tree:before, [data-forumid="1847"] .fa-lock-keyhole-open:before, [data-forumid="1847"] .fa-lock-keyhole:before  { /* Arhiva Unlocked*/
  content: "\f187";
}

Shows me like this after this code is inserted in custom.css

And i see in inspect element the \f and \e is totally replaced with an empty space

[Jim M]

Where is this being inserted? In the ACP or designer's mode? You will also want to check any WAF or security settings on your server as I am unable to reproduce this myself on a test instance.

[Mihai GnG]

Just now, Jim M said:

Where is this being inserted? In the ACP or designer's mode? You will also want to check any WAF or security settings on your server as I am unable to reproduce this myself on a test instance.

the WAF is disabled for now, let me know when everything will be set from both help tickets and will be reactivated, is just for security reasons

that code should insert the icon on the v9.0 theme for the recycle bin and archive on bottom of the forum on front page, to change icon to a recycle bin and an archive box
i have added the code to custom.css and they are not showing up but before if i edited the other file was alright

I was doing it from ACP without designers mode. That is why i asked to be allowed me again, somehow, guide me, that i can edit all css/template files as before, at any updates i will struggle myself to update the theme as usual but is not a big deal that side, would help me to maintain this theme until i will make the new one which could be for a few months from now.

[opentype]

There is nothing wrong in general with adding code like this through the custom.css. I just used your example and it shows up fine.

[Jim M]

We would not be able to assist with custom CSS. All I can say is that we are able to do this in a test environment so there is something preventing yourself from doing it here.

[Mihai GnG]

Just now, Jim M said:

We would not be able to assist with custom CSS. All I can say is that we are able to do this in a test environment so there is something preventing yourself from doing it here.

Well in this case i am forced to make a new theme ASAP... sadly, no other way then... I don't know, after the update everything broke, and before the update everything was breaking in ACP so we we're forced to update the platform

Thanks for the help.

[Jim M]

I would advise simplifying your environment, often these kinds of issues are presented due complex security or other restrictions. The software itself allows CSS like this (as it uses it itself) so it will not remove it.