london_fan: Symbols of failing tech (no wifi, endless loading, low battery, no reception) with the text "The Four Horsemen Of The Modern Apocalypse" (Tech - Four Horsemen Modern Apocalypse)
london_fan ([personal profile] london_fan) wrote in [community profile] style_system2022-09-16 07:54 pm
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:

  1. 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 {
    color: #0093AE !important;
    }
    Thank you [personal profile] momijizukamori!

  2. 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}

    span.cuttag + b a {font-size:1rem}
    Thank you once again, [personal profile] 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!
momijizukamori: Green icon with white text - 'I do believe in phosphorylation! I do!' with a string of DNA basepairs on the bottom (Default)

Re: THANK YOU, THANK YOU, THANK YOU!

[personal profile] momijizukamori 2022-09-19 11:48 pm (UTC)(link)

Might have been something silly like a missing unit, who knows! Glad it works for you :D