Can I change the colour of the button

  • Resolved sirtak

    (@sirtak)


    4 years, 9 months ago

    Very good app, I was searching for something so simple and good like that for a long time, congratulations.
    There is only one thing, that I will be happy is there is a chance to change – the colour of “Buy button”. For me this grey button is too gloomy, how can I place any warmer colour?
    Thanks in advance

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Justin McChesney-Wachs

    (@justinmw)

    Hi Sirtak,
    Happy to help. Can you send a link to your page so we can take a look?
    Thanks,
    Justin

    Thread Starter sirtak

    (@sirtak)

    For the moment I still have not placed the grid with products. I took one picture on the screen so that to see it.
    https://dox.abv.bg/download?id=8f439b3d38

    The site I work for is bgnaturetrip.com
    Thanks

    Plugin Author leonmagee

    (@leonmagee)

    Hi Sirtak, you should be able to change the button color using CSS. Something like this should work:

    
.shop-page-wp-grid .shop-page-wp-item .shop-page-wp-link {
background-color: #008081;
border-color: #CCC;
}
.shop-page-wp-grid .shop-page-wp-item .shop-page-wp-link a.buy-link {
color: #FFF;
}

    There are different plugins that will let you add custom css to your site. Please let me know if this works.

    • This reply was modified 4 years, 9 months ago by leonmagee.
    Thread Starter sirtak

    (@sirtak)

    Many thanks! It works, I did it with the plugin of the theme that I use, and there is an option for “Custom CSS”. I changed the colour to be green
    There is only one more thing that it will be better if it could happen. Now, when somebody goes to the button with the marker, the switch is going to be black. Could I change it to be any other color?
    For more see this picture:
    https://dox.abv.bg/download?id=32f86c7592
    Best regards.

    Plugin Author leonmagee

    (@leonmagee)

    Try this:

    .shop-page-wp-grid .shop-page-wp-item .shop-page-wp-link:hover {
background-color: #008081;
border-color: #CCC;
}
    Thread Starter sirtak

    (@sirtak)

    Thousands of thanks for your timely response Leonmagee! Now everything is exactly that what I wanted it to be.
    Great and comfortable App.
    Best regards!

    • This reply was modified 4 years, 9 months ago by sirtak.
    Plugin Author leonmagee

    (@leonmagee)

    No problem, glad I could help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Can I change the colour of the button’ is closed to new replies.