My css custom is not working


I wrote in my last post about integrating some css code into my chart in Logseq. I think the actual page where the css codes are generated is not working for me. Every time I put the css code in, it mysteriously disappears. I can send a video

Please elaborate more.

Which OS do you use?
Which version of Logseq do you use?
How do you install your Logseq?

Try to open custom.css file directly in some file editor (VSCode or something).

image



I’m using a plugin for this, which might affect it

so finally, I created a customized css code for Logseq: /* FLEETING NOTES /
a.tag[href
=β€œ/page/Fleeting%20Notes/”]
{
background: #fff;
color: #000;
padding: 2px 5px 2px 5px;
font-size: 13px;
line-height: 1em;
font-weight: 500;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-color: #f21da140;
border-width: thin;
position:relative;
box-shadow: 0px 1px 3px -1px #000000, 0px -1px 5px #dfdfdf;
}

/* LITERATURE NOTES /
a.tag[href
=β€œ/page/Literature%20Notes/”]
{
background: #fff;
color: #000;
padding: 2px 5px 2px 5px;
font-size: 13px;
line-height: 1em;
font-weight: 500;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-color: #215f0040;
border-width: thin;
position:relative;
box-shadow: 0px 1px 3px -1px #000000, 0px -1px 5px #dfdfdf;
}

/* REFERENCE NOTES /
a.tag[href
=β€œ/page/Reference%20Notes/”]
{
background: #fff;
color: #000;
padding: 2px 5px 2px 5px;
font-size: 13px;
line-height: 1em;
font-weight: 500;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-color: #f26e1d40;
border-width: thin;
position:relative;
box-shadow: 0px 1px 3px -1px #000000, 0px -1px 5px #dfdfdf;
}

/* PERMANENT NOTES /
a.tag[href
=β€œ/page/Permanent%20Notes/”]
{
background-image: linear-gradient(90deg, #1DA1F2, #1DA1F2);
color: #FFFFFF;
padding: 2px 5px 2px 5px;
font-size: 13px;
line-height: 1em;
font-weight: 500;
border-radius: 3px 0 0 3px;
position:relative;
box-shadow: 0px 1px 3px -1px #000000, 0px -1px 5px #dfdfdf;
}

a.tag[href*=β€œ/page/Permanent%20Notes/”] + span.title {
background: #1DA1F21E !important;
color: #F5F8FA !important;
padding: 3px 5px 3px 15px;
font-size: 13px;
line-height: 1em;
font-weight: 400;
border-radius: 0 3px 3px 0;
margin-left: -5px;
}

a.tag[href*=β€œ/page/Permanent%20Notes/”]:after,
a.tag[href*=β€œ/page/Permanent%20Notes/”]:before {
left: 100%;

now I just have to put it into custom.css/logseq and I can’t do that

now I just have to put it into custom.css/logseq and I can’t do that

why?

It’s working for me now

At least leave a message what was wrong :smiley_cat:
Maybe it would help for some one in future.

And then you can mark your answer as Solution to close this thread.

i have troubles with css))))

regarding the original problem (logseq showing a blank file) in the first post
this might be related: Custom.css is not loaded in version 0.9.1 - #3 by Siferiax

1 Like