Widget color CSS question

• 

  daniel8791 · Member · Mar 13, 2023 at 7:20 pm

  • Copy link
  • Add topic to favorites

  Hi friends. I need to change a color of widgets

  so I found two separate CSS

  one is for title changing and one for text changing

  .widget ul li a{
  color:#fff!important;
  }

  .widget-area .widget-title, .widget-area .widget-title a {
  color: #ffff;
  }

  So is any option to merge those 2 CSS into the single one?

  Or it does not really matter? I mean I’m pretty “no code user” and wondering if it could affect on speed or other performance

  Thank you

• 

  staff-totoro · Staff · Mar 13, 2023 at 10:23 pm

  • Copy link

  Hi there,

  I do not see any sites under your WordPress.com account when I check on our end. You can confirm by visiting this page: https://wordpress.com/sites.

  Is it possible you created your site under a different login instead? What is the URL of the site you are needing help with? CSS can vary from theme to theme so its not uncommon for an existing snippet to not work as expected.

  Happy to check in our system so we can take a closer look.

• 

  daniel8791 · Member · Mar 14, 2023 at 6:15 am

  • Copy link

  Hello Staff-Totoro. Thank you for input

  The web is https://northsportrentals.com

  The theme installed is Astra pro.

  The CSS works excellent but confusing if needed two use both of them or is it an option to make a single one.

• 

  aleone89 · Staff · Mar 14, 2023 at 8:54 am

  • Copy link

  Hey there,

  Ah, so we wouldn’t be able to help with CSS with site, mainly because the site is not hosted with WordPress.com, but also because this is a third party theme. Astra theme developers should ideally be providing that CSS.

  The CSS works excellent but confusing if needed two use both of them or is it an option to make a single one.

  To explain, these two pieces of CSS are targeting two different things, so it’s probably in your interest to keep them separate.

  •  ul li a – this is targeting lists, that have links.
  • widget-title a – this is targeting titles that are links.

  It’s possible to add comments in your CSS, and this definitely recommended to help keep things organised.

  For example:

  /* Change widget bullet list links colour */
  .widget ul li a{
  color:#fff!important;
  }
  
  /* Change widget title colour */
  .widget-area .widget-title, .widget-area .widget-title a {
  color: #ffff;
  }

  I hope this helps!

• 

  daniel8791 · Member · Mar 14, 2023 at 9:44 am

  • Copy link

  Hello. Thank you for your help. I did know about hosting. Was sure that is a global WordPress help. But I appreciate your help!