We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Change text color on logo field

March 20, 2023 at 5:15 pm #9625

[anonymous]

Sorry for my question which may be stupid but I can’t solve it
Theme used: Persona free
System: Windows 10
Problem changing color of Logo field
I need to change the color of the logo field. The logo in my case does not exist is the name of the site that will be displayed I think in the various fonts that everyone has on their computer. How do I make it Blue or red in color? If I change in the theme the color of the text does not correct it always remains black. Is there any simple solution without putting hands on the code or if I have to do it is it a simple thing? Can anyone suggest me an example? I don’t want to use an image file for the logo
Thanks

March 20, 2023 at 6:44 pm #9626
[anonymous]
In Theme > Settings the color that affects it is Dark. If you change that, the logo text color should change.

But it would also change a few other things. So if you only want to change the logo text color, you can use custom CSS.

Go to Tools & Plugins > Custom CSS and paste in this:
```
.logo {
 color: blue !important;   
}
```
Replace blue with the color hex code you want.
March 20, 2023 at 7:43 pm #9628

[anonymous]

Thanks done and it works great
I think though when I do an eventual theme update I need to remember to remodify it. Is this correct?
I need to learn use of the overdrive file so that the update does not take me too much work also in view of other small changes.
Thank you very much.

June 27, 2023 at 2:19 pm #10183

[anonymous]

Good morning
I cannot change the colour of the text in the logo field after the various updates as you have already suggested and it worked before. Now it no longer does. It worked before, has something changed or is the input different? Thank you

June 30, 2023 at 1:54 pm #10205

[anonymous]

Good morning
Sorry, but I could not solve the problem. I have reinstalled everything and tried it out even with a completely new site. Could you help me in telling me where I am going wrong? Or has some reference actually changed with the new versions?
Thank you

June 30, 2023 at 2:15 pm #10206

Bob

Could you please provide the URL to your site? Then, I will be able to check it out for you.

June 30, 2023 at 3:08 pm #10208

[anonymous]

Thanks for the reply Bob just that the site is not yet published but in the preview it does not change colour? Maybe because I have to publish it to see the result?
Only before I could see the change even on the preview

June 30, 2023 at 6:06 pm #10209
[anonymous]
As long as you use the !important flag it should work. It’s necessary because the original rule also has an !important flag:
```
color: var(--dark) !important;
```
But custom CSS comes later in the stylesheet, so it should take precedence.

I have no idea why it would stop working, but I’m sure someone here can solve it if you link your site.
June 30, 2023 at 9:45 pm #10211

[anonymous]

Good evening
Sorry but I found out what the error was that it was mine I did not indicate the # character on the color code but indicated only 0000aa and not #0000aa as corrected.
I apologize. Thank you all have been very kind. Carlos

July 1, 2023 at 1:28 pm #10212

Bob

🙂