This topic contains 3 replies, has 2 voices, and was last updated by  Marcin 2 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #4282

    Nevals
    Member

    Can I change color on one button only?

    My default color is blue but I need only one button in red

    #4286

    Marcin
    Keymaster

    Hi,

    you can use xclass in the shortcode to add your own extra class and style it differently based on that class.

    For example you added your own class my-class. After that you can use custom css like so:
    .btn.btn-default.my-class {color: white; background: blue;}
    .btn.btn-default.my-class:hover {color: white; background: green;}

    Or something similar.

    Best
    Marcin

    #4580

    Nevals
    Member

    Does this applies to service icon color?

    Could you please write this in detail how to make custom xclass.

    How to add new color to service icon also?

    #4581

    Marcin
    Keymaster

    Hi,

    if you want to change service icon color you can use this css
    .service-icon {color: #00f;}

    If you want to aim for specific service icon it can be done with generated page ID or even section ID if section is used. Services doesn’t have option for extra css class. If you’ll show me you live page example I can give you more specific code.

    Best
    Marcin

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Button color’ is closed to new replies.