Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 30, 2017 at 1:39 am #769240
    lewinandreilly

    Hi,

    I have used a shortcode to add custom buttons in a content slider for ADD TO CART on our homepage (https://lewinandreilly.com). I would like to edit the colour to a specific hex# but am struggling to identify the exact element name for css. I have given these elements the special css class of “add-to-cart-pink”, but can’t direct css to the exact element. Can you help please.

    TIA

    March 30, 2017 at 8:48 am #769342
    John Torvik

    Hey lewinandreilly,

    To have sure about the button that you`re saying in the question, may you share a screenshot with me?

    Best regards,
    John Torvik

    April 4, 2017 at 11:13 pm #772070
    lewinandreilly

    Hi John,

    Please see the attached screen grab from the home page.
    homepage add to cart button

    Many thanks

    April 4, 2017 at 11:20 pm #772075
    lewinandreilly

    Hi again John, I’m struggling to attach the image. You can easily find the button by visiting our homepage, https://lewinandreilly.com and scrolling down to the content slider with the pink add to cart buttons. These are the buttons we’d like to edit the colour of.

    Thanks again

    April 5, 2017 at 1:19 am #772111
    John Torvik

    Hi,

    You can change the button color, add this cusotm CSS code at Enfold Theme Options > General Styling > Quick CSS

    
.avia-content-slider  .avia-size-small {
background: #000 !important;
}

    Best regards,
    John Torvik

    April 5, 2017 at 8:34 am #772311
    lewinandreilly

    Hi John,

    Thanks, however I only want to edit the colour of the “add to cart button”, and leave the “view more” button as the theme colour.

    April 5, 2017 at 10:42 am #772381
    Designweb

    Hello lewinandreilly,

    You can change the color of the “add to cart button”, add this cusotm CSS code at Enfold Theme Options > General Styling > Quick CSS

    a.avia-button.avia-icon_select-no.avia-color-pink.avia-size-small.avia-position-center {
    background-color: #ff0000 !important;
    color: #fff !important;
}

    Thank you

    April 6, 2017 at 2:52 am #772933
    lewinandreilly

    Excellent!! Thank you very much :)

    April 6, 2017 at 8:51 am #773017
    Rikard

    Hi,

    Great, glad you got it working. Thanks @Designweb for helping out :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.