[15] Another Rainbow Layout

[lina_trinch]

❖ Mobile friendly! ❖ Stylized control strip, scrollbar, and highlight ❖ Tag, archive, icon, & comment pages

code here!
temporary live-preview here!

❖ This layout was released a month earlier over on the Patreon! ❖ Go to Select a New Theme and select Tabula Rasa, the Plain version. ❖ Under Choose Page Setup (at the bottom), select "1 Column (modules at top and bottom; no sidebar)," aka the second one. ❖ Copy and paste the code into the Use embedded CSS field under Custom CSS. ❖ In the code, at the top, you'll see :root. This portion of the code will change almost everything you want (so long as that's colors and font families). You only have to change it once and it'll work for the whole layout. ❖ Make sure Use layout's stylesheet(s) is checked. In the Custom stylesheet URL field, paste in: https://fonts.googleapis.com/css2?family=Roboto&family=Lobster&display=swap ❖ Go to the Presentation tab. Select "text-only" for the following options: • Select whether user interaction links are printed as text or using the available icons • Select whether entry management links are printed as text or using the available icons • Select whether comment management links are printed as text or using the available icons #F0CDF2 #D5EAEF #F3EBD0 #F5D0CF #fff #111 #333

Comments

[lina_trinch]

Ah, I'm sorry, but it looks like you've edited the code quite a lot. The problems popping up are a result of those changes, not the original code, and I'm not sure I can help out with that. Sorry!

[adore]

that makes sense; thank you!

[adore]

i've put the original code, and everything's nearly perfect except for this outline around the navigation and links:

it doesn't show up in the live preview you've shared here, but it does when i use the code. i'm sorry for the bother! but is it possible to remove the outline, and add square icons alongside the posts?

[lina_trinch]

Sure! I can help with this. As far as the icons go, you can use one of the codes I sent over yesterday. Just remove the "border-radius" portion to make it square.

For that outline, I'm not sure why it's appearing for you but you can remove it with this:
.module {border: none;}

Just put that at the end of your layout.

[adore]

perfect! thank you so much!