Thank you Mark, the changes look fantastic!!
NodeBB customisation
-
@phenomlab said in NodeBB customisation:
@jac Yes, you’ll get that message if the CSS is incomplete. For example, if you’ve missed a semi colon at the end. Can you paste all of your CSS here for review ?
Sure,
blockquote { font-size: inherit; border-left: 5px solid #eee; background: #eeeeee; border-radius: 4px; margin: 0 auto 40px; padding: 15px; position: relative; } blockquote:after { border-right: 20px solid transparent; border-top: 20px solid #eee; bottom: -20px; content: ""; position: absolute; left: 20px; { That’s what I’ve used mate.
-
@phenomlab said in NodeBB customisation:
@jac That last block should be
blockquote:after { border-right: 20px solid transparent; border-top: 20px solid #eee; bottom: -20px; content: ""; position: absolute; left: 20px; } The curly brace should be the other way round.
Thanks very much Mark! That has fixed the issue!
Is there any way to change the font on the quote to white with a blue background at all?
Many thanks as always for the free help and advice!
-
@jac Not sure which type of blue you want, but you could do it with this
.topic .posts .content blockquote { font-size: 12px; color: #ffffff; } blockquote { font-size: inherit; border-left: 5px solid #194F90; background: #194F90; border-radius: 4px; margin: 0 auto 40px; padding: 15px; position: relative; } blockquote:after { border-right: 20px solid transparent; border-top: 20px solid #194F90; bottom: -20px; content: ""; position: absolute; left: 20px; } Essentially, you’d be modifying the previous block I provided, and forcing white on
.topic .posts .content blockquote
Essentially, you’ll land up with this
Hope this helps.
-
@phenomlab said in NodeBB customisation:
@jac Not sure which type of blue you want, but you could do it with this
.topic .posts .content blockquote { font-size: 12px; color: #ffffff; } blockquote { font-size: inherit; border-left: 5px solid #194F90; background: #194F90; border-radius: 4px; margin: 0 auto 40px; padding: 15px; position: relative; } blockquote:after { border-right: 20px solid transparent; border-top: 20px solid #194F90; bottom: -20px; content: ""; position: absolute; left: 20px; } Essentially, you’d be modifying the previous block I provided, and forcing white on
.topic .posts .content blockquote
Essentially, you’ll land up with this
Hope this helps.
Thanks mate, is that just on quotes?
-
@jac said in NodeBB customisation:
@phenomlab said in NodeBB customisation:
@jac Not sure which type of blue you want, but you could do it with this
.topic .posts .content blockquote { font-size: 12px; color: #ffffff; } blockquote { font-size: inherit; border-left: 5px solid #194F90; background: #194F90; border-radius: 4px; margin: 0 auto 40px; padding: 15px; position: relative; } blockquote:after { border-right: 20px solid transparent; border-top: 20px solid #194F90; bottom: -20px; content: ""; position: absolute; left: 20px; } Essentially, you’d be modifying the previous block I provided, and forcing white on
.topic .posts .content blockquote
Essentially, you’ll land up with this
Hope this helps.
Thanks mate, is that just on quotes?
I like the look of that, either that or a yellow.
Would you be able to share the code for that at all Mark? .
-
@phenomlab said in NodeBB customisation:
@jac It’s in the above post
Apologies!
Worked a treat! Many thanks again .
Am ok to keep posting little tweaks that I am looking to change?
-
@jac said in NodeBB customisation:
@phenomlab said in NodeBB customisation:
@jac It’s in the above post
Apologies!
Worked a treat! Many thanks again .
Am ok to keep posting little tweaks that I am looking to change?
Looking to change the font & number of read posts.
Looking to change this to blue white a white font and then as the posts are read it changes to yellow?
Is this something that is possible? I seem to remember it working out well on the last installation.
Many thanks.
-
Maybe something like that for the titles?
Thanks as always.
-
@jac said in NodeBB customisation:
Am ok to keep posting little tweaks that I am looking to change?
Yes, that’s fine
-
@phenomlab said in NodeBB customisation:
@jac said in NodeBB customisation:
Am ok to keep posting little tweaks that I am looking to change?
Yes, that’s fine
Many thanks mate
-
@jac said in NodeBB customisation:
@jac said in NodeBB customisation:
@phenomlab said in NodeBB customisation:
@jac It’s in the above post
Apologies!
Worked a treat! Many thanks again .
Am ok to keep posting little tweaks that I am looking to change?
Looking to change the font & number of read posts.
Looking to change this to blue white a white font and then as the posts are read it changes to yellow?
Is this something that is possible? I seem to remember it working out well on the last installation.
Many thanks.
I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!
-
@jac said in NodeBB customisation:
@jac said in NodeBB customisation:
@jac said in NodeBB customisation:
@phenomlab said in NodeBB customisation:
@jac It’s in the above post
Apologies!
Worked a treat! Many thanks again .
Am ok to keep posting little tweaks that I am looking to change?
Looking to change the font & number of read posts.
Looking to change this to blue white a white font and then as the posts are read it changes to yellow?
Is this something that is possible? I seem to remember it working out well on the last installation.
Many thanks.
I’ve actually found a screenshot of how grtit looked last time. The font etc and the bottom bar looked great!
Although the bottom colour is a little dark for County still looked great
-
@phenomlab said in NodeBB customisation:
@jac Do you have anything in mind for the body font ? I recall last time we used Poppins (which happens to be the fine used here)
I’ll have to have a look, I remember yes. Looks great, although I’m mindful of copying.
-
@phenomlab said in NodeBB customisation:
@jac No issues. It’s really just a font ️
Thanks for providing the screenshots. This is useful. I’ll get to this ASAP.Many thanks Mark,
As previously discussed I know you don’t want things copying although the reason I ask for the changes to be replicated as they are great ideas and improve the design etc.
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (ether email, or push notification). You'll also be able to save bookmarks, use reactions, and upvote to show your appreciation to other community members.
With your input, this post could be even better 💗
RegisterLog in
62/332