Hi @phenomlab , we have the dark theme on the left menu, however, it is very close to the top. How can I lower its position?

you can test that ? @media (max-width: 767px) { .fa.fa-lightbulb-o { padding-top: 25px; } }

sudonix

Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you have been placed in read-only mode.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Dark Theme Upper Padding

Solved Customisation

7 Posts 2 Posters 608 Views

undefined Offline
undefined Offline
crazycells

wrote on 27 Feb 2022, 18:49 Edited Invalid Date last edited by

#1

Hi @phenomlab , we have the dark theme on the left menu, however, it is very close to the top. How can I lower its position?
1 Reply Last reply

0
undefined Offline
undefined Offline
DownPW

wrote on 27 Feb 2022, 18:51 Edited Invalid Date last edited by

#2

What is your URL ?
PW and WS Spirit alive
undefined 1 Reply Last reply 27 Feb 2022, 18:52

0
undefined DownPW
27 Feb 2022, 18:51

What is your URL ?
undefined Offline
undefined Offline
crazycells

wrote on 27 Feb 2022, 18:52 Edited Invalid Date last edited by

#3

@DownPW said in Dark Theme Upper Padding:

What is your URL ?

Loading...

Please wait while the description loads.

Loading...
1 Reply Last reply

0
undefined Offline
undefined Offline
DownPW

wrote on 27 Feb 2022, 18:56 Edited 27/02/2022, 18:56 last edited by DownPW

#4
you can test that ?
@media (max-width: 767px) { .fa.fa-lightbulb-o { padding-top: 25px; } }
PW and WS Spirit alive
undefined 1 Reply Last reply 27 Feb 2022, 18:59

2
undefined DownPW
27 Feb 2022, 18:56
you can test that ?
```
@media (max-width: 767px) {
.fa.fa-lightbulb-o {
    padding-top: 25px;
}
}
```
undefined Offline
undefined Offline
crazycells

wrote on 27 Feb 2022, 18:59 Edited Invalid Date last edited by

#5

@DownPW thanks. it works.

how can I move that to the right?
undefined 1 Reply Last reply 27 Feb 2022, 19:04

0
undefined crazycells
27 Feb 2022, 18:59

@DownPW thanks. it works.

how can I move that to the right?
undefined Offline
undefined Offline
DownPW

wrote on 27 Feb 2022, 19:04 Edited 27/02/2022, 19:04 last edited by DownPW

#6
@crazycells
@media (max-width: 767px) { .fa.fa-lightbulb-o { padding-top: 25px; margin-left: 15px; } }
PW and WS Spirit alive
undefined 1 Reply Last reply 27 Feb 2022, 19:06

2
undefined DownPW
27 Feb 2022, 19:04
@crazycells
```
@media (max-width: 767px) {
.fa.fa-lightbulb-o {
    padding-top: 25px;
    margin-left: 15px;
}
}
```
undefined Offline
undefined Offline
crazycells

wrote on 27 Feb 2022, 19:06 Edited Invalid Date last edited by

#7

@DownPW great! thanks a lot… this code solves my problem.
1 Reply Last reply

2
undefined crazycells has marked this topic as solved on 27 Feb 2022, 19:06

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 💗

Register Log in

1/7

27 Feb 2022, 18:49

Did this solution help you?

Did you find the suggested solution useful? Why not buy me a coffee? It's a nice gesture, and a great way to show your appreciation 💗

Related Topics

undefined

Bug Report
Watching Ignoring Scheduled Pinned Locked Moved Solved Bugs nodebb bugs
7 9 Nov 2023, 19:27
9 Nov 2023, 19:27
1

26 Votes

47 Posts

2k Views

undefined 10 Jun 2024, 10:06

@crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler! EDIT - seems this is pretty straightforward, and only needs the below CSS .upvoted i { color: var(--bs-user-level) !important; } This then yields [image: 1718028529465-3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png] However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)
undefined

Nodebb design
Watching Ignoring Scheduled Pinned Locked Moved Solved General nodebb
7 11 Jul 2023, 10:13
11 Jul 2023, 10:13

1 Votes

2 Posts

357 Views

undefined 11 Jul 2023, 11:10

@Panda said in Nodebb design: One negative is not being so good for SEO as more Server side rendered forums, if web crawlers dont run the JS to read the forum. From recollection, Google and Bing have the capability to read and process JS, although it’s not in the same manner as a physical person will consume content on a page. It will be seen as plain text, but will be indexed. However, it’s important to note that Yandex and Baidu will not render JS, although seeing as Google has a 90% share of the content available on the web in terms of indexing, this isn’t something you’ll likely lose sleep over. @Panda said in Nodebb design: The “write api” is preferred for server-to-server interactions. This is mostly based around overall security - you won’t typically want a client machine changing database elements or altering data. This is why you have “client-side” which could be DOM manipulation etc, and “server-side” which performs more complex operations as it can communicate directly with the database whereas the client cannot (and if it can, then you have a serious security flaw). Reading from the API is perfectly acceptable on the client-side, but not being able to write. A paradigm here would be something like SNMP. This protocol exists as a UDP (UDP is very efficient, as it is “fire and forget” and does not wait for a response like TCP does) based service which reads performance data from a remote source, thus enabling an application to parse that data for use in a monitoring application. In all cases, SNMP access should be “RO” (Read Only) and not RW (Read Write). It is completely feasible to assume complete control over a firewall for example by having RW access to SNMP and then exposing it to the entire internet with a weak passphrase. You wouldn’t do it (at least, I hope you wouldn’t) and the same ethic applies to server-side rendering and the execution of commands.
undefined

build nodebb Warning in entrypoint size limit
Watching Ignoring Scheduled Pinned Locked Moved Solved Performance nodebb
7 15 Apr 2023, 20:03
15 Apr 2023, 20:03

0 Votes

2 Posts

278 Views

undefined 15 Apr 2023, 21:38

@eeeee they are nothing to worry about, and can be ignored.
undefined

Q&A Plugin Changes NodeBB
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb q&a plugin
7 28 Oct 2022, 19:35
28 Oct 2022, 19:35
1

6 Votes

25 Posts

2k Views

undefined 29 Oct 2022, 14:54

@phenomlab said in Q&A Plugin Changes NodeBB: float: right; left: 10px; } worked thank you
undefined

NodeBB Theme/Skin Switcher
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb
7 28 Oct 2022, 17:02
28 Oct 2022, 17:02

7 Votes

38 Posts

3k Views

undefined 3 Nov 2022, 01:26

@Teemberland great spot ! You should create a PR for that so they can include it in the official repository. Just be aware that any subsequent releases will overwrite your fix without the PR.
undefined

[NodeBB] [JS SCRIPT/CSS] Theme Switcher
Watching Ignoring Scheduled Pinned Locked Moved Customisation theme switcher javascript css theme
7 6 Feb 2022, 11:34
6 Feb 2022, 11:34

4 Votes

8 Posts

3k Views

undefined 20 Feb 2022, 17:32

@DownPW done
undefined

[NODEBB] Reply Button/arrow answer
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation css nodebb
7 17 Jan 2022, 21:30
17 Jan 2022, 21:30
4

4 Votes

25 Posts

3k Views

undefined 20 Jan 2022, 20:42

Topic open https://sudonix.com/topic/207/nodebb-help-for-my-custom-css
undefined

Social icon (Nodebb)
Watching Ignoring Scheduled Pinned Locked Moved Solved Customisation nodebb social
7 4 Dec 2021, 16:58
4 Dec 2021, 16:58

0 Votes

7 Posts

1k Views

undefined 8 Dec 2021, 10:53

@phenomlab said in Social icon (Nodebb): @jac I just tested my theory around using the OG image, and according to the Twitter card validator, it works fine [image: 1638880098289-73e805e1-997b-41bf-9259-51c5052ca8fc-image.png] fixed

	@media (max-width: 767px) {
	.fa.fa-lightbulb-o {
	padding-top: 25px;
	}
	}

sudonix

Dark Theme Upper Padding

Loading...

Loading...

Did this solution help you?

Related Topics

Individual Categories