Return to previous page

Color button "new" - by BrokenDancer

This topic has 6 replies, 3 voices, and was last updated 9 years, 5 months ago ago by Robert Hall

  • Avatar: BrokenDancer
    BrokenDancer
    Participant
    June 3, 2015 at 10:54

    Hi,

    can I change the background color of the “new” or “sale” button?

    https://dl.dropboxusercontent.com/u/3502821/button.jpg

    Jan

    #67772 Copied
    5 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 3, 2015 at 14:46

    Hello,

    To change the background color of the “new” or “sale” icon add this code to custom.css file:

    .type-label-1 {
background: rgba(121, 121, 121, 0.9) !important;
}

    Change rgba to values you need. You can determine these values using this site http://www.css3maker.com/css-3-rgba.html

    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    Thank you.
    Best regards,
    Jack Richardson.

    #67838 Copied
    Avatar: BrokenDancer
    BrokenDancer
    Participant
    June 3, 2015 at 16:13

    thanks! How do I change font of the text on the button?

    #67866 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 3, 2015 at 16:29

    Hello,

    You can use this code in custom.css file

    .type-label-1 {
font-family: Helvetica;
}

    Regards,
    Robert Hall.

    #67870 Copied
    Avatar: BrokenDancer
    BrokenDancer
    Participant
    June 3, 2015 at 18:26

    Thank you!

    #67911 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    June 3, 2015 at 18:32

    You’re welcome!

    Regards,
    Robert Hall.

    #67914 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘color button "new"’' has been successfully resolved, and the topic is now closed for further responses

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Spa – WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.