changing colour of button (3 posts)

  1. wackynation
    Posted 3 years ago #

    Can anyone please tell me how to change the colour of the button to green and the colour of the text on a button to black or a bold white.

    I have used this code, but cannot work out where to insert this information and how to get this to work.

    <input type=button onClick="parent.location='http://www.eventbrite.co.uk/event/4964545088?ref=ebtn'" value='Register HERE!'>


    This is the code in the CSS, so it is available I just don't know how to insert it, so that it works.

    a.button.green {
    background-image: url(images/shortcodes/buttons/button_green.png);
    border: 1px solid #adc671;
    color: #5d7731;
    text-shadow: 0 1px 0 rgba(255,255,255, 0.4);

    a.button.large.green { background-image: url(images/shortcodes/buttons/button_green_large.png); }
    a:hover.button.green { border: 1px solid #8bb14d; }

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.

  3. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Now that you know the style, from being exposed/added by Firebug, you can add a new style to override it.

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

    General CSS queries can be asked in general CSS forums such as;

Topic Closed

This topic has been closed to new replies.

About this Topic