Css styling for dashboard section links

Comments

3 responses to “Css styling for dashboard section links”

1. 

   Eugen Bleck

   July 29, 2020

   Hi Leah,

   Thank you for the update. Glad I could help.

   Be awesome!
   Kindest regards,
   Eugen.
2. 

   Leah Kearns

   July 29, 2020

   Thats fantastic! Thanks so much for your help, added via my child theme. Looks so much better 🙂
3. 

   Eugen Bleck

   July 27, 2020

   Hi Leah,

   A happy new week and I trust you are doing great!

   Many many apologies for the late response. You can definitely customize your affiliates-dashboard-section-links with the use of CSS.

   However, it would require basic knowledge of CSS and how to apply this CSS to your site. A quick way to apply custom CSS using your theme would be for you to:
   * Navigate to Appearance -> Customize -> Additional CSS. Here’s a tutorial for more help.

   Given that you intend to style the links when they are both active and not active, here are the CSS rules you would need:
   * Targeting the active link on affiliate dashboard:
   In this example, we would be making the active link red.
   .affiliates-dashboard-section-links .section-link-item.active a{
   color: red;
   }
   
   * Targeting the inactive links on affiliate dashboard:
   Assume we wanted to make the other links that aren’t active blue then here’s a CSS rule that would do the trick.
   .affiliates-dashboard-section-links .section-link-item a {
   color: blue;
   }

   Once again, I must thank you for using Affiliates and its extensions. We are very glad to have you as our valued customer and I look forward to helping you if you need further assistance.

   STAY SAFE and I wish you an amazing and very productive week ahead.
   Warm regards,
   Eugen.