Css styling for dashboard section links

Hello, is there a way to customise the css for affiliates-dashboard-section-links? (including active)
The current look of Affiliates enterprise with grey lines does not match my website branding.
Thanks in advance ๐Ÿ™‚


Comments

3 responses to “Css styling for dashboard section links”

  1. Eugen Bleck Avatar
    Eugen Bleck

    Hi Leah,

    Thank you for the update. Glad I could help.

    Be awesome!
    Kindest regards,
    Eugen.

  2. Leah Kearns Avatar
    Leah Kearns

    Thats fantastic! Thanks so much for your help, added via my child theme. Looks so much better ๐Ÿ™‚

  3. Eugen Bleck Avatar
    Eugen Bleck

    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.

Share