New Landing › How can we help? › Cardinal › Customizing colors for products

Viewing 14 posts - 1 through 14 (of 14 total)
  • Back to forum
    Posted in: Cardinal
  • May 26, 2015 at 10:58 pm #178648
    zohia
    Member
    Post count: 109

    In the URL provided, how can I change the following items:
    1) The price’s text color.

    2) The color of the text under “Descrição”, “informação adicional” and “avaliações”.

    3) When I click “Descrição”, “informação adicional” or “avaliações”, after that box opens the title goes into a different color. How can I change that?

    4) I installed a plugin for translation but it doesn’t seem to translate the following words: Need Help?, Contact Us, Leave Feedback, share this (button). Is there a way for me to change that text?

    5) Can I use an image as background for the title banner?

    I tried fiddling with the color customizer but I keep changing unwanted things.

    Thanks!

    May 27, 2015 at 5:32 am #178672
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    1- Please use this custom css code:-

    .woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price {
    color: #ff0000 !important;
}
#product-description .accordion-inner,#product-additional_information .accordion-inner,#product-reviews .accordion-inner{
 color: #ff0000 !important;
}
a[class="accordion-toggle"]{
color: #ff0000 !important;
}

    2- Use codestyle plugin to translate site.

    3- I would suggest to use Fancy heading for title.

    Thanks
    Mohammad

    May 28, 2015 at 11:44 am #179124
    zohia
    Member
    Post count: 109

    Thanks Mohammad!

    How can I change the color of the “x em stock” and the quantity and buying buttons in all product’s pages?

    Example:
    http://ogatofica.com/produto/poopy-blocks/

    May 28, 2015 at 11:49 am #179125
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please use this custom css code:-

    p.stock{
color:#ff0000 !important;
}

.woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart .yith-wcwl-add-to-wishlist a, .woocommerce .quantity input, .woocommerce .quantity .minus, .woocommerce .quantity .plus {
    color: #ff0000;
}

    Thanks
    Mohammad

    May 28, 2015 at 1:51 pm #179189
    zohia
    Member
    Post count: 109

    The second line only changes the text inside the button. Is there a way to change the background colour of the button itself?

    May 28, 2015 at 2:24 pm #179209
    Nishant – SUPPORT
    Spectator
    Post count: 649

    Hello zohia,

    You want to change background color of SHARE THIS button?

    Regards,
    Nishant
    SwiftIdeas Customer Support Team

    May 28, 2015 at 3:18 pm #179238
    zohia
    Member
    Post count: 109

    No, it’s the -1+ button, and the “comprar” (buy) button.

    May 29, 2015 at 3:22 pm #179724
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    You can use the code below to adjust the background and text color of those buttons.

    
.woocommerce form.cart button.single_add_to_cart_button, .woocommerce form.cart .yith-wcwl-add-to-wishlist a, .woocommerce .quantity input, .woocommerce .quantity .minus, .woocommerce .quantity .plus {
  color: #F7F7F7!important;
  background-color: #222!important;
}

    -Rui

    May 31, 2015 at 8:34 pm #179997
    zohia
    Member
    Post count: 109

    Hi Rui,

    Thanks. Again and again.

    Before you get fed up with me, here’s a list of the other colors I need to change:

    1) “Country” selection area; “postcode” and “coupon code” input areas; “update totals”, “update cart” and “apply coupon” buttons here: http://ogatofica.com/carrinho/

    2) The text in the same page. I’m referring to the text that is currently in very light grey, like in “item”, “description”, “unit price” and in the description of what’s in the cart.

    Thanks

    June 1, 2015 at 6:37 am #180095
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You have changed the body color through color customizer that is cause to issue. Please go through color customizer and change body color.
    Thanks
    Mohammad

    June 1, 2015 at 6:46 am #180105
    zohia
    Member
    Post count: 109

    Is there any way to have the body color in specific pages?
    I need that color in all other pages, where I’m using darker background pages, but not in the woocommerce pages.

    What about the background color of the other ones?
    “Country” selection area; “postcode” and “coupon code” input areas; “update totals”, “update cart” and “apply coupon” buttons here: http://ogatofica.com/carrinho/

    June 1, 2015 at 6:54 am #180111
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You can use this custom code this.

    body:not(.woocommerce){
color:#dbd9d9;
}

    Thanks
    Mohammad

    June 1, 2015 at 12:29 pm #180248
    zohia
    Member
    Post count: 109

    It’s not working… I added that code and used the color customizer to change the body text color to green so I could tell the difference and what happens is that both the body text in a regular page (http://ogatofica.com/contactos/) and the body text in woocommerce pages (http://ogatofica.com/carrinho/ and http://ogatofica.com/produto/carpet/) are in the green which I set through the customizer.

    Any idea what I might be doing wrong?

    June 1, 2015 at 12:50 pm #180260
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    Please remove that one code use the code for woocommerce pages.
    `/*green for all pages*/
    body{
    color:#81d742!important;
    }
    /*red for woocommerce pages*/
    body.woocommerce{
    color:#ff0000 !important;
    }

    Thanks
    Mohammad

  • Back to forum
    Posted in: Cardinal
Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register