Style sidebar widgets

Zeaks
Jr. Bludit
Posts: 4
Joined: Fri Jul 12, 2019 9:59 pm

Edi wrote: Sun Jul 14, 2019 9:34 pm
Zeaks wrote: Sun Jul 14, 2019 8:41 pm Maybe this is a feature that could be considered in a future update.
What exactly do you mean? That there were more Bootstrap elements?
I only meant that if there was a way to add custom classes to widgets it would make them easier to style. I noticed each widget does have a custom class but it is still difficult to make use of it when using a framework.
I worked with two other CMS for a few years but I'm really enjoying using Bludit, I found it very easy to learn how to make themes for it.
GracefulForm
Jr. Bludit
Posts: 4
Joined: Tue Aug 15, 2023 12:39 am
Location: Texas
Has thanked: 3 times

I just searched for this. For those who are looking for the same thing, you can use your browser's developer tools to find the div or class that you want to edit and add this to your own css file.

I like to use w3.css so to get the "card" effect, I looked up the styling from its css file and I copied it into my own custom.css file that by page calls after the framework.

Here is are some examples for the standard sidebar:

Code: Select all

.plugin-label {
    background-color: #474b4f;
    padding: 14px;
    margin: 16px;
	color: black;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
h2.plugin-label {
  font-size: 20px;
}
.plugin-categories li {
	color: #86c232;
	list-style-type: none;
}
Maybe the sidebar can be updated to inherit the stylesheet instead of override it.
Post Reply