Changing widget text colour

  • Hi all,

    I have recently added a bbpress login widget to my page. It is fairly easy to setup but it has standard settings for text colour etc… My issue is that when logged out, the ‘Register’ ‘Lost Password’ ‘Username’ ‘Password’ text is illegible against the blue background. I’ve tried adding to the CSS in themes as such:

    #bbp-login-links {color:#FFFFFF}

    in an attempt to change it to white but it didn’t work. Any ideas please?

    Thanks,
    Rom

Viewing 7 replies - 1 through 7 (of 7 total)

  • Hi Rom,

    Please provide a link to your site so I can have a look.

    Thread Starter romszy

    (@romszy)

    Hi Fotis,

    Thank you. Here it is: https://turbulenceltd.com/

    Utlimately you’ll notice that it is a work in progress and that I am no programmer. What i was after was the login widget in the top right but i can’t really think of a way to make it neater other than making the words actually visible against the background.

    You’ll also notice that the word ‘SAILMAKING’ is in yellow, i was hoping to change this but now i actually want to turn that entire text widget into a hyperlink to another page. I was doing some research and the information was saying to use a plug-in ( Widget Title Link) but that no longer exists.

    Greatly appreciate the help,

    Rom

    You can use the following CSS code:

    a.bbp-register-link, a.bbp-lostpass-link {
	color: #0066CF;
}

    Add that code by going to your Dashboard > Appearance > Customize > Additional CSS

    Also, I can’t find the yellow word “Sailmaking”. Can you let me know where it is exactly?

    Thread Starter romszy

    (@romszy)

    Hi Fotis,

    Thanks, however that still didn’t work! I changed the SAILMAKING to regular text and made the image a hyperlink instead.

    Thanks,

    Thanks, however that still didn’t work!

    Please try this one:

    a.bbp-register-link:link, a.bbp-lostpass-link:link {
	color: #0066CF;
}

    Replace the color hex code (#0066CF) with another one:

    https://www.w3schools.com/colors/colors_picker.asp

    I changed the SAILMAKING to regular text and made the image a hyperlink instead.

    I still don’t get it. Are you referring to “Sailmaking” in the menu or the icon with the picture?

    Thread Starter romszy

    (@romszy)

    Hi Fotis,

    Yes i was referring to the icon with the image. That code above worked well, thanks for the help. How would I apply that to individual words now? Say the ‘Username’ and ‘Password’ in the same widget?

    Thanks again,
    Rom

    For the Username and Password fields you can use the following code:

    label {
    color: #555555;
}

    Please note that if you need more help with CSS I encourage you to watch a tutorial so that you can make any future adjustments yourself. Here are a couple of tutorials for beginners:

    https://www.htmldog.com/guides/css/beginner/

    https://www.codecademy.com/catalog/language/html-css

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Changing widget text colour’ is closed to new replies.