AWSM team plugin – font colours

  • Resolved PabloMartian

    (@pablomartian)


    3 years, 4 months ago

    Hi there

    Loving the team plugin. I note you have a line ‘Want to add your own colours and flavours? Add your custom CSS in the text box below’ do you have guidance on which elements to change?

    I am using Style 3, 4 column. I’d like to be able to change …

    1. Name – color to #379437
    2. Designation – color to #1c482a
    3. Icon – color to #379437
    4. Box that swipes up to – #b1f1b1

    I’m having trouble working out the elements i need to control to create the CSS.

    Many thanks for your help!

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support vidyakv

    (@vidyakv)

    Hi,

    Thanks for reaching out to us.

    Please copy-paste the below CSS in the Custom CSS field of your team’s edit page.

    1. .awsm-grid-wrapper .awsm-grid h3 {
    color: #379437;
}
    2. .awsm-grid-wrapper .awsm-grid .awsm-personal-info span {
    color: #1c482a;
}
    3. .cards-style.style-3 .awsm-social-icons a {
    color: #379437;
}
    4. .cards-style.style-3 figure::before {
    background: linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,.6) 20%,rgb(177, 241, 177) 78%,rgb(177, 241, 177) 100%);
}

    Regards,
    Vidya K V

    • This reply was modified 3 years, 4 months ago by vidyakv.
    • This reply was modified 3 years, 4 months ago by vidyakv.
    • This reply was modified 3 years, 4 months ago by vidyakv.
    Thread Starter PabloMartian

    (@pablomartian)

    That’s great, thank you!

    However …

    It doesn’t seem to have any effect.

    See – https://movingmadeeasy.live-website.com/meet-the-team

    I’m pasting the following into the custom CSS field of the Team …

    .awsm-grid-wrapper .awsm-grid h3 {
    color: #379437;
    }

    .awsm-grid-wrapper .awsm-grid .awsm-personal-info span {
    color: #1c482a;
    }

    .cards-style.style-3 .awsm-social-icons a {
    color: #379437;
    }

    .cards-style.style-3 figure::before {
    background: linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,.6) 20%,rgb(177, 241, 177) 78%,rgb(177, 241, 177) 100%);
    }

    Thank you

    Plugin Support vidyakv

    (@vidyakv)

    Hi @pablomartian,

    Could you please try to paste the CSS in the ‘Additional CSS’ section of Theme Customizer?

    Regards,
    Vidya K V

    Thread Starter PabloMartian

    (@pablomartian)

    Hi Vidya

    Great, that worked.

    Loving the plugin but I think there should perhaps be some guides on using CSS; how to change font, font colours, background colours etc.

    Thanks again!

    Hey I’m having the same trouble with making these changes via the Additional CSS section within my theme. I’m using elementor, do you have any experience with this? Thanks!

    Hi, I am trying to set links to a different colour in the body of the team text but it just isn’t working. What would be the code and where would I put it please?

    Thank you

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘AWSM team plugin – font colours’ is closed to new replies.