Wired

21/03/2021 08:55 pm
rosecarmine: (Default)
[personal profile] rosecarmine posting in [community profile] myrtillenne
LIVE PREVIEW
FEATURES
  • sidebar image (400x400px)
  • navigation links, links list, custom text
  • comment pages
  • icon pages
INSTRUCTIONS
  1. Go to the "Select style" page, search for "Basic Boxes" and apply any theme.
  2. Go to the "Customize your theme" page and click on the "Presentation" tab. In the "Additional options" section select "icons" for:
    • 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.
    In the same section, select "Responsive" for "Indentation for nested comment threads" (optional).
  3. Click on the "Modules" tab. Set "Custom text" to number 1, "Navigation" to number 2 and "Links list" to number 4. Uncheck the other modules.
  4. Click on the "Custom CSS" tab and paste the code into the "Use embeded CSS" field. Uncheck "Use layout's stylesheet(s)". Paste the following into the "Custom stylesheet URL" field.
  5. Go to the "Account settings" page and check "Show my journal's icons pages in my chosen style instead of the site layout".
RESOURCES
Tags:
Flat | Top-Level Comments Only

Date: 21/03/2021 08:15 pm (UTC)
skargasm: kisses (Default)
From: [personal profile] skargasm
Installed immediately - absolutely gorgeous!

Date: 22/03/2021 07:39 pm (UTC)
rosecarmine: (Default)
From: [personal profile] rosecarmine
Thank you!

Date: 24/03/2021 11:42 pm (UTC)
seirdomly: (You'll know which one you are)
From: [personal profile] seirdomly
Ohhhhh my goodness, thank you for this, hooooly cow. Beautiful!

Date: 06/08/2021 10:52 am (UTC)
kryn: shadowheart. (Default)
From: [personal profile] kryn
This is so stunning!!

I don't know if you're still available for any help, but somehow while adjusting fonts, the cut tag text seems to have disappeared on my page and the reading page, even when replacing the sections from '.cuttag-action img {' to '.cuttag + b a {' with this base coding again. What other coding would be potentially hiding this text?

Date: 07/08/2021 12:02 pm (UTC)
rosecarmine: (Default)
From: [personal profile] rosecarmine
Thank you!

The text will be visible if you set the body font size in pixels.

Date: 07/08/2021 12:43 pm (UTC)
kryn: shadowheart. (Default)
From: [personal profile] kryn
yay that did it, thanks so much!

Date: 12/08/2021 04:32 am (UTC)
rosecarmine: (Default)
From: [personal profile] rosecarmine
You're welcome!

Date: 04/07/2023 11:13 am (UTC)
yanyan: (Default)
From: [personal profile] yanyan
Hi! I'm currently having trouble with the cut tag. Right now, it looks like this.

Jg0GeP.png

I haven't touched the CSS. Is there a fix for this?
Edited Date: 04/07/2023 11:14 am (UTC)

Date: 04/07/2023 08:20 pm (UTC)
rosecarmine: (Default)
From: [personal profile] rosecarmine
Hi! Dreamwidth recently made changes to the cut tags. I will try to fix it and get back to you.

Date: 08/07/2023 01:26 pm (UTC)
rosecarmine: (Default)
From: [personal profile] rosecarmine
I found a solution. In the css field delete everything with cuttag and paste this:

.cuttag-action img {
display: none;
}

.cut-wrapper{
display: inline-flex;
align-items: center;
border: 1px solid var(--border-color);
border-radius: 4px;
padding: 5px;
}

.cuttag-action:before {
content: "content_cut";
display: block;
font-family: Material Icons;
font-size: 22px;
line-height: 22px;
margin-right: 5px;
color: var(--icon-color);
}

.cuttag-action-after:before {
display: inline-block;
border: 1px solid var(--border-color);
border-radius: 4px;
padding: 5px;
}

.cut-open, .cut-close {
display:none;
}

.cut-text {
font-size: var(--text-size);
text-transform: lowercase;
font-weight: normal;
}

Let me know if it works.
Edited Date: 08/07/2023 01:29 pm (UTC)

Date: 08/07/2023 02:19 pm (UTC)
yanyan: (yanyan 02)
From: [personal profile] yanyan
It works like a charm! Thank you so much.

Date: 14/05/2025 06:45 am (UTC)
mulhollands: (Default)
From: [personal profile] mulhollands
using this one :) will credit
Flat | Top-Level Comments Only

Custom text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tempus porttitor malesuada. Sed sit amet velit sed sem rhoncus placerat. Aenean faucibus a lorem vel pretium. Duis ligula est, efficitur et tortor a, varius varius quam. Morbi luctus libero a cursus facilisis. Nulla congue posuere ligula, et consectetur elit consectetur ac. Quisque pulvinar dui eu mi feugiat, quis porttitor magna rutrum. Etiam vehicula ipsum et lorem interdum, eu bibendum ligula accumsan. In scelerisque tincidunt libero eget scelerisque.

Links