Changing font colour in widget !?

[sniper666]

I wish to change the colour of the text on the welcome screen (Home Top
> Text widget) in the Agency pro Child theme.
>
> Can you please advise on how I can do this?
>
> Thank you

http://www.llandudno-short-stories.com

[Porter]

Search style.css for the following code:

.home-top .widget-title {
    color: #fff;
    font-size: 60px;
    line-height: 1;
}

Change #fff; to your desired color.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[sniper666]

Thank you for that, but it doesn't seem to be working. I exchanged the default fff to ff0000 and it stayed the same colour.

🙂

[Porter]

Next time you make the change, leave the change you make so I can see the CSS on your site to see where it isn't working. The part I posted changes "Welcome", there's an additional spot that changes the text below it:

.home-top .wrap {
color: #ff00ee;
font-family: 'Spinnaker',sans-serif;
padding: 15% 0;
text-align: center;
}

I changed the color value, so search for that area with the regular white. Here's a display of it in action:

http://snag.gy/r1rYI.jpg

Make sure you have no cashing enabled, or if in chrome, try an incognito tab, or Shift + F5 to refresh.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[sniper666]

Thank you.....looks good but I have just changed the set colour and put in ff0000 and its still white.

I have left the change in this time....sorry about that 🙂

[Porter]

Can you paste the code you're adding, and tell me where you're adding it? This is a simple change that should take effect immediately, so something is going wrong.

Edit - after doing a hard refresh (shift + F5), your bottom text under "Welcome" is now red, it appears you may have caching or a CDN on that's preventing you from seeing changes.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[sniper666]

Here we are:

Original

.home-top .wrap {
color: #fff;
font-family: 'Spinnaker', sans-serif;
padding: 15% 0;
text-align: center;

Edited
.home-top .wrap {
color: #ff0000;
font-family: 'Spinnaker', sans-serif;
padding: 15% 0;
text-align: center;

[Porter]

The text below "Welcome" is now red, as it should be. you need to change this as well for your "WELCOME" text:

.home-top .widget-title {
    color: #fff;
    font-size: 60px;
    line-height: 1;
}

Change that to your red value as well, and then hard refresh your web page (shift + F5 in Chrome) to see the changes. As I said in my edit, you seem to have some cashing going on, but the changes are working, and I can see them.

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[sniper666]

Thank you. I have tried chrome, Firefox and edge and I am still not seeing 'welcome' in red.

I feel an idiot really, thank you so much for your patience !

[Porter]

Did you add BOTH pieces of code? You showed me this:

.home-top .wrap {
color: #ff0000;
font-family: ‘Spinnaker’, sans-serif;
padding: 15% 0;
text-align: center;
}

You also need this:

.home-top .widget-title {
color: #ff0000;
font-size: 60px;
line-height: 1;
}

There are two pieces, one for "welcome", one for the text below. Did you change both, and upload the style.css file after making those changes?

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[sniper666]

Wow! I see it now.......thank you very much for your help and patience 🙂

Much appreciated 🙂

[Author]

Posts