Piwigo.org

cerberus · 2026-09-01 03:32:53

bootswatch cyborg configuration text colour

Hello/Hi/Greetings,

Is their a way to change the text colour ? I am using the Bootstrap Darkroom (bootswatch cyborg) theme. it is using two colours for the site, a very light grey for the menus, title etc, and a light blue for categories and image names. It is the light blue I want to change.

Thank you
Steve

Piwigo 16.4.0 Check for upgrade
Installed on August 19, 2026,
Operating system: Linux
PHP: 8.3.19 (Show info) [2026-08-23 21:06:36]
MySQL: 11.4.12-MariaDB [2026-08-23 18:06:37]
Graphics Library: ImageMagick ImageMagick 7.1.1-43
Cache size 0 Mo   calculated 1 day ago Refresh

Activated plugin list12
Add < head > element
Additional Pages
Embedded Videos
Header Manager
LocalFiles Editor
No Stats For Robots
Perso Footer
Personal Favicon
Personal Plugin
PWG Stuffs

polowigo · 2026-09-01 15:03:03

Hi,
In Custom.CSS, for example:

Code:

a {
    color: red;
}
a:hover {
    color: green;
}

But choose more attractive colors :-)

cerberus · 2026-09-01 18:36:43

Hello and thank you. That did the trick :)

And here is how to change the scroll bar colours if anyone is interested.

The first number is the scroll bar, the second number is the scrollbar track. To get more html colours search "html colour codes" on any search engine.

* {
scrollbar-width: 10px;
scrollbar-color: #c3b091 #424243;
}

And here is how to add rounded corners to the main image in the gallery (it will not work on the full screen image)

#theImage img {
border-radius: 2%;
}

And here is how to add a border to the main image (again it will not work on the full screen image)

#theImage img {
border:1px solid #333;
}

Thats all I got :) post the above into your custom CSS if you want to try them out. I dont know if they will work on all themes, but maybe give it a try. I am using the Bootstrap Darkroom (bootswatch cyborg) theme.

polowigo · 2026-09-01 19:56:23

Thank you for sharing.

Custom.CSS is only for BD. For other themes, you may use the Local Files Editor plugin but, considering the different structures, the rules have possibly to be changed.

cerberus · 2026-09-01 22:34:20

Understood.

Do you know how I can change the colour of the main title ? (on the same theme)

Also I would like to change the size of the categories names, I did find a bit of CSS to do that but it also changed the size of the image names within the category, I did not want that (I just want to change the size of the category titles), do you know how I could do that ?

And thank you again.

polowigo · 2026-09-02 08:39:47

cerberus wrote:
Do you know how I can change the colour of the main title ? (on the same theme)

In Custom:

Code:

.navbar-main a.navbar-brand {
    color: green;
}

You may change the "hover" too.

cerberus wrote:
Also I would like to change the size of the categories names, I did find a bit of CSS to do that but it also changed the size of the image names within the category, I did not want that (I just want to change the size of the category titles), do you know how I could do that ?

The dedicate rule is currently:

Code:

.h5, h5 {
    font-size: 1.5rem;
}

Try 1.55rem or 1.45rem. Maybe adapt the rule "line-height: 1.2;" too.
And take care of the side effects.

cerberus · 2026-09-02 16:53:50

Thank you.

The category name change size worked fine, and I dont think I will have any side effects as I went slightly smaller than the standard size (and time will tell when I check the rest of the site)

But the changing of the colour for the main title text did nothing, I tried it in the Bootstrap Darkroom (bootswatch cyborg) in its settings CSS box and in the Piwigo local files editor, any ideas ?

polowigo · 2026-09-02 17:11:16

It works though in my local site.
Is it possible to have your site url ?

cerberus · 2026-09-02 17:47:20

I dont want to post it on here and I cannot see a way to send it to you.

Maybe its because I am running the Header Manager Plugin as well ? but saying that the text for the Title comes from the Piwigo general configuration settings so I dont think that will affect it (I am also running the Add <Head> Element Plugin to add a little bit of space to the top of the page with a <br> )

That was another thing, as this site is for a young girl to share her photos with her friends I dont want it to be on search engines, so I have to work out how to input No Index, No Follow, into the site at some point. At the moment the site is running on free webspace with a messed up free sub domain url, so when it is finished I will have to transfer it to better web space or I will just reinstall it again using what I have learned.

But thank you for your help anyway.
Steve

polowigo · 2026-09-02 18:29:54

cerberus wrote:
I dont want to post it on here and I cannot see a way to send it to you.

In my profile, you will see a form to send an e-mail, if you wish.

cerberus · 2026-09-02 18:44:01

Thank you,
just sent you a email

polowigo · 2026-09-02 18:52:08

My bad: I had forgotten !important, sorry.
It seems to work now.

cerberus · 2026-09-02 19:37:49

Thank you.

However that changed the colour of the small title on the top left, but not on the main large title in the centre at the top ?

Is there a different bit of CSS for that ?

Who would of thought how important the word important was :)

Last edited by cerberus (2026-09-02 19:58:06)

polowigo · 2026-09-02 19:56:23

Yes, try:

Code:

#theHeader div.banner {
    color: blue;
}

Maybe without !important.

cerberus · 2026-09-02 19:58:34

Got it, it is :

#theHeader div.banner {
color: orange !important;
}

(that changes the large title colour, thank you, I would not have got it without your help :) )

Piwigo.org

Announcement

#1 2026-09-01 03:32:53

Change text colour ?

#2 2026-09-01 15:03:03

Re: Change text colour ?

Code:

#3 2026-09-01 18:36:43

Re: Change text colour ?

#4 2026-09-01 19:56:23

Re: Change text colour ?

#5 2026-09-01 22:34:20

Re: Change text colour ?

#6 2026-09-02 08:39:47

Re: Change text colour ?

cerberus wrote:

Code:

cerberus wrote:

Code:

#7 2026-09-02 16:53:50

Re: Change text colour ?

#8 2026-09-02 17:11:16

Re: Change text colour ?

#9 2026-09-02 17:47:20

Re: Change text colour ?

#10 2026-09-02 18:29:54

Re: Change text colour ?

cerberus wrote:

#11 2026-09-02 18:44:01

Re: Change text colour ?

#12 2026-09-02 18:52:08

Re: Change text colour ?

#13 2026-09-02 19:37:49

Re: Change text colour ?

#14 2026-09-02 19:56:23

Re: Change text colour ?

Code:

#15 2026-09-02 19:58:34

Re: Change text colour ?

Board footer