If you don't want to use a free online tool, you can use Find & Replace in any text editor: -- Replace > with > -- Replace < with < -- Replace " with " In most cases, doing these three find-and-replace commands will suffice to fix it.
1. This one fixes most profiles, so definitely give this a try. Add this to the beginning of your CSS. html,body,,-content,{position:static!important;}
.container-fluid {position:absolute;top:0;left:0;right:0;bottom:0;}If this fixes your profile, but the entire thing is now shifted to the left or right, simply tweak the values for left and right in the second line. For example: left:176px;
2. If your profile is mostly fine, but has extra scrollbars, try the following. {height:auto!important;}
3. Pages now have an extra container, with the CSS id "main-content". In some cases, the code can be fixed by looking for CSS rules on containers and adding this. For example, if you see a CSS rule that begins with this - html,body,,Try adding the main-content, so it looks like this - html,body,,,-content
Spoiler titles
When using the spoiler= sCode, you can no longer include sCode within the title; it must be plaintext. If you need a fancier title, you can use this workaround for now:
[spoilertitle]
Which will look like this:
[spoilertitle]
If you are targeting spoilers with CSS, use the classes .spoiler-click for the title and .spoiler-text for the content.
Style tag and quotes
When including CSS in a profile, make sure your style tag is opened by one of the following:
(Preferred) <style type="text/css">
<style>
Examples of things that won't work:
<style type=text/css>
Hellowill result in an error. The correct order would be:
Hello
hello
world
Will give you two line breaks. But this will give you just one line break in between the lines:
hello
world
This will also only give you one line break:
hello
world
div[style^='width:50%'] { display:none; }
This is because of the square brackets within the code.
This is unintentional, and will be fixed, but is mentioned here because it could be causing your code to break.
🐝 ☕ bug (he/him) | your friendly neighborhood code wrangler. stay in the loop! join and check out the latest admin post highlights