how to change font and color in widget

You share the website url and I will share the code to do this and also the procedure of placing it in appropriate place.

Try placing this in your style.css file.

body {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: black;
    background-color: #ffc;
    margin: 20px;
    padding: 0;
}

Obviously changing it all to suit what you are wanting to change it to.

https://www.vlsmithcleanteam.com/

@jricketts4
I have no idea what a css file even is?

@fahad Alie,

https://www.vlsmithcleanteam.com/
This is the website i created on wordpress with bluehost. This is my first time doing anything like this and I had to use bluehost chat tech support to even crunch the final details. I do not like that my top right widget is small and unreadable also the title and heading at very top left are not readable enough for me either. Thank you for your help in any of these areas.

Thanks for the info. Now let me go step by step.

1. Login to your WordPress dashboard.
2. In left sidebar, find “Appearance” and then click “Editor”.
3. A new page will open where you will see lots of code. On this page you can edit all the files of your theme. On right side, you can see names of all the files. When you open ‘Editor’ it will come to ‘style.css’ file by default.
4. Now scroll down the code and at the very end of it just place the following code and update the file. It is specifically made for your site.

———-below this line ——–

.site-description {
    color: white;
    font-size: 19px;
    margin-top: 5px;
}
.top-widget .widget-title h3 {
    color: white;
    font-size: 19px;
    text-shadow: 1px 1px 10px black;
    margin-top: 23px;
}
.top-widget .textwidget {
    color: white;
    display: inline-block;
    font-size: 20px;
    margin-top: 7px;
    text-shadow: 1px 1px 10px black;
}

——above this line——

Feel free to contact me in case you face any problems. I will be happy to help.

@fahad1112
Thank you very much for the step by step. I did exactly as your discription said. Now I still have no idea how to change the font size and color for the widgets. Is there something I am missing?

I need serious help!!! Ugh!!! I dont know what I did, but i clicked install wordpress again by accident and now my website i created is gone….is there anyway to get it back?

You can replace the color in the code with that of your own.

As far as this next question, I would seriously suggest making a separate forum question for that one. Someone who maybe has the time to give you a step by step could help you if they are able to see that question as its own. This forum question is probably not even being seen by anyone at this point.

But don’t panic until you find out if it is possible to get it back in your particular situation.

Good luck!

Thank you all!!! I am relieved to say that I finally figured it out. My widget looks great thank you for the code fahad1112. I was able to get site back up and running also thank you jricketts4

@fahad1112 I have the same problem vlsmithcleanteam did and want to change the font color in the widgets on the home page. (On the right) I’ve never edited a css file, but I understand what you told vlsmithcleanteam to do. So can you look at my site and create the code to change the widget font to white like the rest of the page? I’ve tried several things and no luck. You can see the widget color is gray or brown and hard to read. The site is: https://kerriann.net
And while you’re at it, can you also make the font size in the widgets 13 too?

Thanks in advance!

How do I change the font size in the custom menu on the right( https://eprofu.ro/electronica/ ).
Thank you!