1. Forum
  2. FidoNet
  3. SYNC SYSOPS

  • custom.css question

    From Android8675@1:103/705 to echicken on Tue Oct 20 11:48:12 2020
    Hey eC,

    I'm messing with colors and styles on my board and I can't figure out a couple places for color entries. Mainly if I mouse over the menu across the top, what css value do I need to change for the hover color? Is it just a:hover or something else?

    I assume this may or may not be for the forum as well.

    Pop over and take a look if you got a minute? https://shodanscore.com/?page=010-forum.ssjs

    site should look blue with a near black background. if it still looks green, reload /css/custom.css

    --
    Android8675@ShodansCore

    ---
    ï¿­ Synchronet ï¿­ Shodan's Core @ ShodansCore.com
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From echicken@1:103/705 to Android8675 on Tue Oct 20 16:29:57 2020
    Re: custom.css question
    By: Android8675 to echicken on Tue Oct 20 2020 11:48:12

    I'm messing with colors and styles on my board and I can't figure out a
    couple
    places for color entries. Mainly if I mouse over the menu across the top,
    what
    css value do I need to change for the hover color? Is it just a:hover or something else?

    You can probably get away with something like this:

    a.dropdown-item:hover {
    color: hotpink;
    }

    You can get more specific if necessary to avoid changing all 'a' elements of class 'dropdown-item':

    .nav li a.dropdown-item:hover {
    color: hotpink;
    }

    (That's a 'hover' rule for an 'a' element of class 'dropdown-item' inside an 'li' element inside any element of 'nav' class.)

    Browser dev tools can help you inspect an element and quickly see what classes it has and what its parent element(s) are. Typically that's a right click on the element, and 'Inspect'.

    ---
    echicken
    electronic chicken bbs - bbs.electronicchicken.com
    þ Synchronet þ electronic chicken bbs - bbs.electronicchicken.com
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Mortifis@1:103/705 to echicken on Tue Oct 20 18:25:05 2020
    Re: custom.css question
    By: Android8675 to echicken on Tue Oct 20 2020 11:48:12

    I'm messing with colors and styles on my board and I can't figure out couple
    places for color entries. Mainly if I mouse over the menu across the top, what
    css value do I need to change for the hover color? Is it just a:hover or something else?

    You can probably get away with something like this:

    a.dropdown-item:hover {
    color: hotpink;
    }

    echicken

    ouuu ... hotpink, now I know what colour Synchronet/Syncterm t-shirt to send you for Christams

    ~Mortifis

    ---
    þ Synchronet þ The Realm of Dispair telnet ephram.synchro.net 2323 ssh 2222 web 82
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)
  • From Android8675@1:103/705 to echicken on Tue Oct 27 09:21:07 2020
    Re: custom.css question
    By: echicken to Android8675 on Tue Oct 20 2020 04:29 pm

    I'm messing with colors and styles on my board and I can't figure out couple
    places for color entries. Mainly if I mouse over the menu across the top, what
    css value do I need to change for the hover color? Is it just a:hover or something else?

    You can probably get away with something like this:

    a.dropdown-item:hover {
    color: hotpink;
    }

    You can get more specific if necessary to avoid changing all 'a' elements
    of
    class 'dropdown-item':

    .nav li a.dropdown-item:hover {
    color: hotpink;
    }

    (That's a 'hover' rule for an 'a' element of class 'dropdown-item' inside
    an
    'li' element inside any element of 'nav' class.)

    Browser dev tools can help you inspect an element and quickly see what classes it has and what its parent element(s) are. Typically that's a right click on the element, and 'Inspect'.

    Yeah, I'm comfortable with using the browser dev tools, console too (*gasp*), but just couldn't figure out where to reference those specific colors. Thanks for explaining the bit in the ()'s, i'm not yet used to css syntax, but that makes it easier to understand.

    --
    Android8675@ShodansCore

    ---
    þ Synchronet þ Shodan's Core @ ShodansCore.com
    * Origin: Vertrauen - [vert/cvs/bbs].synchro.net (1:103/705)