fbpx

An Exclusive Offer For You To Grab JD Builder ProCheck Deal of The Day

Welcome, Guest
Username: Password: Remember me

You can build one page sites with Astroid

Did you know that you can build one page website web Astroid, without using any 3rd party extension

Watch the tutorial

TOPIC: (SOLVED)Modify button text color

Modify button text color 2 weeks 3 days ago #18393

  • iorbita
  • iorbita's Avatar
  • Offline
  • Junior Member
  • Posts: 31
  • Thank you received: 1
  • Karma: 0
Hello,
is there a specific place where button text color is set? more precisely for .btn-primary class ... I can't understand how this color is generated, a color that I never chosen. Apparently this css rule is situated in style-9810523 ....css file and I can't change it.
How to modify .btn-primary class ?
Thank you,
Lorenzo
The topic has been locked.

Modify button text color 2 weeks 3 days ago #18403

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 519
  • Thank you received: 71
  • Karma: 13
Hello,

Primary color comes from the theming of astroid you can change the primary color easily.
docs.joomdev.com/article/astroid-theming-options/

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.

Modify button text color 2 weeks 3 days ago #18404

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3150
  • Thank you received: 496
  • Karma: 83
This is generated by Sass Function. If you wanna to change button text color for any specific button style you have to write the css for it.

Example:

In this example i will change the secondary button text color from white to black.

I will add the attached code in stylesheet.
.btn-secondary { color:#fff; }

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The topic has been locked.

Modify button text color 2 weeks 3 days ago #18405

  • iorbita
  • iorbita's Avatar
  • Offline
  • Junior Member
  • Posts: 31
  • Thank you received: 1
  • Karma: 0
Hello,
I noticed something interesting, but in some cases not necessary: if the button has a dark color, Bootstrap changes automatically text color to white, if the button color is lighter Bootstrap changes text color in a darker color. It's interesting, but it's not always what I want ... in this case I think Chandan solution is the best one, thank you both! :)

Lorenzo
Last Edit: 2 weeks 3 days ago by iorbita.
The topic has been locked.

Modify button text color 2 weeks 3 days ago #18408

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 519
  • Thank you received: 71
  • Karma: 13
Amazing! your query is now solved. Case closed then.

Thanks,
Lalit
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The topic has been locked.
Moderators: chandandeep
Time to create page: 0.249 seconds
Cron Job Starts