Home › Forums › Basel support forum › Button color

Button color

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • March 7, 2019 at 1:17 pm #111668

    despina.mina
    Participant

    Hello,
    i want to set a button inside an ihover element VC,so i used the code you have in demo <a class="btn btn-round btn-size-small btn-color-primary" href="#"><strong>read more</strong></a>
    Is it possible to set my color for button and text?
    Thanks

    March 7, 2019 at 2:35 pm #111687

    Elise Noromit
    Member

    Hello,

    Where do you want to set the button?

    The best way is to use the button element https://prnt.sc/mumkvs you will find the option to set the color

    Best Regards

    March 7, 2019 at 2:36 pm #111688

    despina.mina
    Participant

    I don’t want to add another element.I want to use it inside a text

    March 7, 2019 at 8:38 pm #111735

    Elise Noromit
    Member

    Hello,

    The code you show would assign the primary color which is set in the Theme Settings > Styles and Colors.

    Best Regards

    March 7, 2019 at 9:43 pm #111749

    despina.mina
    Participant

    Yes,i know!That i asked you is how to set my color.I don’t want to change the primary color

    March 8, 2019 at 8:36 am #111783

    Elise Noromit
    Member

    Hello,

    Assing the unique class to the button, remove all those classes and provide page URL where you have added this and screen what it should look like. I will provide CSS.

    Best Regards

    March 8, 2019 at 9:09 am #111793

    despina.mina
    Participant

    Screenshot
    I want to be the reverse:
    gray initially and on hover pink.Thank you

    March 8, 2019 at 3:54 pm #111850

    Elise Noromit
    Member

    Hello,

    The site is under construction, please provide your site admin access to the private area.

    Best Regards

    March 8, 2019 at 11:32 pm #111916

    despina.mina
    Participant

    yes,sorry!

    March 9, 2019 at 7:03 pm #112008

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .ult-ih-info-back .ult-ih-content .ult-ih-description-block .ult-ih-description button{
background:red;
border:2px solid red;
}

.ult-ih-info-back .ult-ih-content .ult-ih-description-block .ult-ih-description button:hover{
background:yellow;
border:2px solid yellow;
}

    This code changes the button https://gyazo.com/a34006e6452a9cd9e06ae0136ab5fc00

    Replace the color as per your needs.

    Best Regards

    March 12, 2019 at 4:48 pm #112563

    despina.mina
    Participant

    Thanks a lot.It works!

    March 12, 2019 at 8:43 pm #112625

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)