Skip to content

NodeBB customisation

Locked Customisation
332 4 274.3k 1
  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    Itz probably a longshot anyway, but is there any way to change the link colour on the quotes to yellow?

    Like this ?

    5883be0c-e2f0-4677-a4ac-58a1ba86cee7-image.png

    blockquote .plugin-mentions-user.plugin-mentions-a {
        color: #ffc557;
    }
    

    For some reason this didn’t appear to work, would this change make any URLs in a quote yellow too?

    Many thanks.

    wrote on last edited by

    @jac No - that just targets the mention name.

  • @jac No - that just targets the mention name.

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac No - that just targets the mention name.

    For some reason it hasn’t worked mate?

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Many thanks as always!

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac No - that just targets the mention name.

    For some reason it hasn’t worked mate?

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Many thanks as always!

    wrote on last edited by

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac No - that just targets the mention name.

    For some reason it hasn’t worked mate?

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Many thanks as always!

    I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

  • JAC JAC

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac No - that just targets the mention name.

    For some reason it hasn’t worked mate?

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Many thanks as always!

    I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

    wrote on last edited by

    @jac said in NodeBB customisation:

    I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

    Use this

    blockquote .plugin-mentions-user.plugin-mentions-a {
        color: #ffc557 !important;
    }
    
  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac No - that just targets the mention name.

    For some reason it hasn’t worked mate?

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Many thanks as always!

    wrote on last edited by

    @jac said in NodeBB customisation:

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Can you send me a URL where this is an issue to save me trawling through your forum ? 🙂

  • @jac said in NodeBB customisation:

    I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

    Use this

    blockquote .plugin-mentions-user.plugin-mentions-a {
        color: #ffc557 !important;
    }
    
    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    I think it’s because the mentions colour is set to white, I’ll find the other colour and change it.

    Use this

    blockquote .plugin-mentions-user.plugin-mentions-a {
        color: #ffc557 !important;
    }
    

    Fantastic mate, that’s sorted it 😁😁

  • @jac said in NodeBB customisation:

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Can you send me a URL where this is an issue to save me trawling through your forum ? 🙂

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Can you send me a URL where this is an issue to save me trawling through your forum ? 🙂

    Sure… here

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Can you send me a URL where this is an issue to save me trawling through your forum ? 🙂

    Sure… here

    wrote on last edited by

    It’s probably my fault as I’ve chosen a background colour that natively clashes, would you prefer me to change the quote colour instead?

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac said in NodeBB customisation:

    Would there be a way to change the URL colour in quote to stand out or is that too difficult?

    Can you send me a URL where this is an issue to save me trawling through your forum ? 🙂

    Sure… here

    wrote on last edited by

    @jac Use this

    blockquote a {
        color: #ffc557;
    }
    

    You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

    blockquote a:hover {
        color: #db9716;
    }
    
  • @jac Use this

    blockquote a {
        color: #ffc557;
    }
    

    You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

    blockquote a:hover {
        color: #db9716;
    }
    
    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac Use this

    blockquote a {
        color: #ffc557;
    }
    

    You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

    blockquote a:hover {
        color: #db9716;
    }
    

    Worked a treat mate, thank you very much as always, a massive help! 😁😁

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Use this

    blockquote a {
        color: #ffc557;
    }
    

    You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

    blockquote a:hover {
        color: #db9716;
    }
    

    Worked a treat mate, thank you very much as always, a massive help! 😁😁

    wrote on last edited by

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac Use this

    blockquote a {
        color: #ffc557;
    }
    

    You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

    blockquote a:hover {
        color: #db9716;
    }
    

    Worked a treat mate, thank you very much as always, a massive help! 😁😁

    I think all the changes may have affected this.

    Is there any way to replicate colours on the tags page for the widget?

    Sorry to be a pain… 🚕

  • JAC JAC

    @jac said in NodeBB customisation:

    @phenomlab said in NodeBB customisation:

    @jac Use this

    blockquote a {
        color: #ffc557;
    }
    

    You’ll need a hover class as well otherwise the text will disappear when hovered over - use this

    blockquote a:hover {
        color: #db9716;
    }
    

    Worked a treat mate, thank you very much as always, a massive help! 😁😁

    I think all the changes may have affected this.

    Is there any way to replicate colours on the tags page for the widget?

    Sorry to be a pain… 🚕

    wrote on last edited by

    @jac Can you provide a screenshot ? Sorry. Not entirely sure I understand.

  • @jac Can you provide a screenshot ? Sorry. Not entirely sure I understand.

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac Can you provide a screenshot ? Sorry. Not entirely sure I understand.

    IMG_20211008_211530.jpg

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac Can you provide a screenshot ? Sorry. Not entirely sure I understand.

    IMG_20211008_211530.jpg

    wrote on last edited by

    @jac did you add any additional CSS other than what I provided ? I’m surprised this is impacted as the classes are completely different.

  • @jac did you add any additional CSS other than what I provided ? I’m surprised this is impacted as the classes are completely different.

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac did you add any additional CSS other than what I provided ? I’m surprised this is impacted as the classes are completely different.

    No mate I didn’t.

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac did you add any additional CSS other than what I provided ? I’m surprised this is impacted as the classes are completely different.

    No mate I didn’t.

    wrote on last edited by

    @jac I see why. Fixed

    9031d733-2b3c-4a66-ab80-ee9161f81c97-image.png

    I’ve changed the CSS on your site already, so nothing for you to do 🙂

  • @jac I see why. Fixed

    9031d733-2b3c-4a66-ab80-ee9161f81c97-image.png

    I’ve changed the CSS on your site already, so nothing for you to do 🙂

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac I see why. Fixed

    9031d733-2b3c-4a66-ab80-ee9161f81c97-image.png

    I’ve changed the CSS on your site already, so nothing for you to do 🙂

    Amazing mate, thank you so much for doing this!!

  • JAC JAC

    @phenomlab said in NodeBB customisation:

    @jac I see why. Fixed

    9031d733-2b3c-4a66-ab80-ee9161f81c97-image.png

    I’ve changed the CSS on your site already, so nothing for you to do 🙂

    Amazing mate, thank you so much for doing this!!

    wrote on last edited by JAC

    Was thinking about customising breadcrumbs is this something that is possible? / Where the title is and customise that with some colours?

    IMG_20211011_193140.jpg

    Many thanks as always!

  • JAC JAC

    Was thinking about customising breadcrumbs is this something that is possible? / Where the title is and customise that with some colours?

    IMG_20211011_193140.jpg

    Many thanks as always!

    wrote on last edited by

    @jac there aren’t any breadcrumbs in that screenshot ?

  • @jac there aren’t any breadcrumbs in that screenshot ?

    wrote on last edited by

    @phenomlab said in NodeBB customisation:

    @jac there aren’t any breadcrumbs in that screenshot ?

    🙈🙈 Ignore me mate. Sorry, I read they can be added in, don’t worry about that.

    I was thinking some styling to where the title sits?


Related Topics