london_fan (
london_fan) wrote in
style_system2022-09-16 07:54 pm
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Entry tags:
[SOLVED] Changing the cut link text colour and removing the braces around it
Hello to all the lovely and helpful people here.
I recently ditched my old LJ-imported layout completely and switched to my first genuine Dreamwidth layout (Transmogrified) which I have customized to the best of my abilities ever since. However, (LJ-)CUTS have become my new nemesis, since they continue to defy a lot of my attempts at customization. I managed to exchange the Expand/Collapse/Collapse-End images, but there are two more things I'd like to change:
Anyway, I am using a custom theme layer and I'm reasonably comfortable with overriding S2 Core functions or tackling some CSS. I just need help what to change here, since neither "trial and error" nor combing through stuff with the page inspector have revealed any workable solutions so far and it's been giving me some headaches.
Any help would be highly appreciated!
I recently ditched my old LJ-imported layout completely and switched to my first genuine Dreamwidth layout (Transmogrified) which I have customized to the best of my abilities ever since. However, (LJ-)CUTS have become my new nemesis, since they continue to defy a lot of my attempts at customization. I managed to exchange the Expand/Collapse/Collapse-End images, but there are two more things I'd like to change:
- The text (colour) of the link
How can I change the colour of the cut link text? Right now the cut link text takes over whatever styling I've done to entry links and general. The following CSS.cuttag_container a {}
was suggested in the replies to a similar question here from 2011, but no matter what properties I add, nothing works, even if I add!important;
. So maybe there's some newer CSS to address the cut-text link?
SOLVED with the following CSS:span.cuttag + b a {
Thank you
color: #0093AE !important;
}momijizukamori!
- The brackets around the text
Is there any way to remove them completely or at least change their colour? They are displayed in the regular entry text colour that doesn't match my (wanted) cut images and text at all, so they look quite clunky. I thought that there must be a function in the source code to address the issue, but I am not sure which one that might be...function print_module_cuttagcontrols() {
var Page p = get_page();
open_module("cuttagcontrols", $*text_module_cuttagcontrols, "");
print safe """<span class=\"cutTagControls\"><span style=\"font-size: smaller;\">$*text_cuttagcontrols_nocuttags</span></span>""";
close_module();
}
That's basically the only function I could find that addresses something with "cuttag" at all, but there are no brackets in sight, so I am probably completely off?
SOLVED with the following CSS:span.cuttag + b {font-size:0px}
Thank you once again,
span.cuttag + b a {font-size:1rem}momijizukamori!
Anyway, I am using a custom theme layer and I'm reasonably comfortable with overriding S2 Core functions or tackling some CSS. I just need help what to change here, since neither "trial and error" nor combing through stuff with the page inspector have revealed any workable solutions so far and it's been giving me some headaches.
Any help would be highly appreciated!
THANK YOU, THANK YOU, THANK YOU!
Re: THANK YOU, THANK YOU, THANK YOU!
Might have been something silly like a missing unit, who knows! Glad it works for you :D