[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

[adore]

i love this! i'm having a little trouble with the stylised comments though. the username, date, and date edited blur into each other, like this:


and the sticky post has a star in the middle of the title, like this:

i also want to make the navigation and links bar at the top opaque, not transparent, and have a border with the rainbow gradient. would that be possible?

[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!

[tally]

Lovely layout, thank you!

[lina_trinch]

I'm glad you like! Thanks!

[renfys]

Top notch theme and instructions were easy thanks :)

[lina_trinch]

Thanks! Glad you like it ♥

[renfys]

Is there a way to get the links at the top of the page? Like the reading page link etc.

[lina_trinch]

Sorry, I haven't overlooked your comment. I've just been quite busy with life lately. But in short, yes! In fact, I'm not sure why they didn't do that automatically for you. There's something wrong with the configuration, and I've been trying to figure out what it is.

At the bottom of this page, under Choose A Page Setup, make sure you have the second option ("1 Column (modules at top and bottom; no sidebar)") selected. Right now, that's my best idea. If that doesn't fix it, though, please let me know.

[renfys]

Thank you, that was the setting I had missed. Much appreciated.