Are you tired of the bland default theme? Do you want to make a new theme to stand out? Then, this is the guide for you, as you'll learn how to make a custom CSS theme either for yourself or share it with the anons, perhaps even make it so good that it becomes used as a board's theme!
This task cannot be accomplished on mobile browsers as they do not have a means of bringing up the inspector or console, so go get on your desktop & fire up the browser of your choice.
The names in the posts will refer to the elements in the CSS theme that you can lookup for reference.
Here, I will discuss the OP posts of the thread.
They usually have a separate property from the regular posts below it. On the default Yotsuba P theme, it only has display & width & no unique color properties, it thus simply works with the default background color + gradient.
[code]
.opCell > .innerOP {
display: inline-block;
width: 95%;
}
[/code]
Most custom themes modify the OP posts to make them stand out more. Below is an example of the Purple Vidya theme used in /v/ where the OP has a slightly transparent background that the posts below it don't have.
[code]
div.innerOP {
background: #E4E4F900; /* Original value was 'rgba(228, 228, 249, 0.6)', converted to hex */
/*
display: inline-block;
Message too long. Click
here
to view full text.