SMP
💖 Chevereto Fan
If you are not satisfied with the default color options, follow the below to change the look of your site...
Step 1)
Choose the color
Lets for example take the green color this forum/community
Its RGB color code is rgb(107, 166, 94) now convert it to Hex color code which is #6BA65E
To convert RGB to Hex code use >>> rgbtohex.net
To convert Hex to RGB code use >>> rgbtohex.nett/hextorgb/
Step 2)
Go to your dashboard/admin panel >> settings >> theme
yoursitename/dashboard/settings/theme
In main color code box add the Hex color code
here in out case #6BA65E
and select Top bar color as black
Step 3)
In Custom CSS code box add the following code
Note: Change #6BA65E and 107, 166, 94 with your color codes.
and hit save
For our example it looks...
Step 1)
Choose the color
Lets for example take the green color this forum/community
Its RGB color code is rgb(107, 166, 94) now convert it to Hex color code which is #6BA65E
To convert RGB to Hex code use >>> rgbtohex.net
To convert Hex to RGB code use >>> rgbtohex.nett/hextorgb/
Step 2)
Go to your dashboard/admin panel >> settings >> theme
yoursitename/dashboard/settings/theme
In main color code box add the Hex color code
here in out case #6BA65E
and select Top bar color as black
Step 3)
In Custom CSS code box add the following code
Note: Change #6BA65E and 107, 166, 94 with your color codes.
Code:
.top-bar, .tone-dark .follow-scroll-wrapper.position-fixed {
background-color: #6BA65E;
background-color: rgba(107, 166, 94,.87);
}
.top-bar {
box-shadow: 0 0 5px 0 rgba(107, 166, 94,.25);
}
#image .top-bar.transparent {
background: #6BA65E;
box-shadow: 0 0 5px 0 rgba(107, 166, 94,.25);
}
.image-viewer.full-viewer, #image .top-bar-placeholder {
background: #F3F3F3;
}
#top-bar-user .default-user-image {
background: none;
}
and hit save
For our example it looks...