Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 1, 2020 at 4:00 pm #1208856
    kikosanchezestudio

    Hi, I have a problem, I want to change the color button on a single woocommerce product (now the background button is white and the text is grey). (attached 1)
    I want to change the background button with other color and the text are white.

    The product has show in a page with enfold product grid module (attached 2)
    http://www.labiatae.com.mialias.net/aceites-esenciales/

    Cool you help me please? Best regards

    Attached here:
    https://www.dropbox.com/s/nwk7tfnfnc6gu8q/attached.zip?dl=0

    May 1, 2020 at 10:03 pm #1208974
    Mike

    Hey kikosanchezestudio,
    Thanks for the link, do you mean this button?
    2020-05-01_160110.png
    Which item will have the different colored button?

    Best regards,
    Mike

    May 3, 2020 at 9:26 pm #1209338
    kikosanchezestudio

    Correct, color for the button “Seleccionar opciones” and background button. Best Regards

    May 4, 2020 at 12:07 am #1209359
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .product-type-variable .inner_product .avia_cart_buttons {
    opacity: 1 !important; 
    background: red !important; 
}
body.wcz-btns.wcz-woocommerce #wrap_all ul.products li.product-type-variable a.button {
	color: #fff !important;
}

    Your buttons will be red with white text, please adjust to suit.
    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    May 4, 2020 at 11:16 am #1209483
    kikosanchezestudio

    Than yo, it´s word. Another question, is possible to make this button more narrow?

    And when y click to the product into the Producto info, it´s possible to make the text white (See attached)

    Best regards,

    https://www.dropbox.com/s/ki2mp2n4gnb2ycr/adjuntos.zip?dl=0

    May 4, 2020 at 11:59 am #1209493
    Mike

    Hi,
    To make the buttons narrow & text white try this css instead:

    .product-type-variable .inner_product .avia_cart_buttons {
    opacity: 1 !important;
    background: #a49d8b !important;
    width: 60% !important; 
    margin: auto;
}
#top #wrap_all .product-type-variable .single_button .button {
	width: 100% !important; 
}
body.wcz-btns.wcz-woocommerce #wrap_all ul.products li.product-type-variable a.button,body.wcz-btns.wcz-woocommerce.single-product #wrap_all .single_add_to_cart_button {
	color: #fff !important;
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    May 4, 2020 at 2:47 pm #1209552
    kikosanchezestudio

    Ok, it´s work. Thank so much¡¡ you are great.

    Best regards

    May 5, 2020 at 6:53 am #1209811
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    May 5, 2020 at 2:04 pm #1209958
    kikosanchezestudio

    Perfect, thank you very much. Only a more question.

    How I can make more biggest this prize? (see attached)

    Best regards+

    https://www.dropbox.com/s/9ldkv2jyghm2as9/prize.jpg?dl=0

    May 6, 2020 at 12:08 am #1210143
    Nikko

    Hi kikosanchezestudio,

    Please add this CSS code in Quick CSS, located in Enfold > General Styling:

    #top #main .entry-summary .price .amount, 
#top #main .entry-summary .price .woocommerce-Price-currencySymbol {
    font-size: 32px;
}

    Best regards,
    Nikko

    May 6, 2020 at 12:21 am #1210157
    kikosanchezestudio

    Hi , thank for your reply, but don’t work… Regads

    May 6, 2020 at 12:30 am #1210162
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, clear the cache a few times over.

    Best regards,
    Jordan Shannon

    May 6, 2020 at 12:38 am #1210171
    kikosanchezestudio

    Wow, it’s work. You are great. Thank you so much !!! Best regards

    May 6, 2020 at 12:40 am #1210172
    Jordan Shannon

    Hi,

    Perfect, I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Problem with button’ is closed to new replies.