lina_trinch: (scouts)
𝔦𝔱'𝔰-𝔞 𝔪𝔢 🌠 ([personal profile] lina_trinch) wrote in [community profile] killthecake2022-02-21 07:32 pm
Entry tags:

[13] Gradient Layout




❖ Mobile friendly!
❖ Stylized control strip
❖ Tag, archive, icon, & comment pages
❖ Customizable sticky entry


code here!
temporary live-preview here!

❖ I made this layout a LONG time ago so there may be a mistake in these instructions. I'll fix them as I find them, so if you have a question, please let me know! This layout was a commission that the client graciously asked be shared with all of you! And then I... forgot about it!

❖ 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 fonts). 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=Concert+One&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
❖ There are TWO sticky entry designs. If you look on the preview, the first design is the post with links floating at the top. The second is the one with the border. You may want to check out this short tutorial to get an idea of what's going on in the code so you can more easily edit it. Posts must be sticky for these to work!

❖ To achieve the first design, grab your sticky entry's ID number (the unique number in the URL bar), and ctrl+f in your code for ENTRY# 630. Replace all instances of "630" with your post's ID.

❖ To achieve the second design, do the same with ENTRY# 831.




#00222d
#29424a
#efd48f

#fff
#000
#ebebeb

rgba(0, 34, 45, 0.5)
rgba(41, 66, 74, 0.5)
rgba(239, 212, 143, 0.5)

#0091bf
#578fa1
#f7e7bc



Post a comment in response:

If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org