How to change the colour of the button on submission packages?

WordPress Business Themes Forums Version 7 Themes DirectoryPress How to change the colour of the button on submission packages?

How to change the colour of the button on submission packages?

July 11, 2013
Danielle Danielle
  • Danielle
    Danielle
    Newbie 44 points

    Hey everyone,

    I would love some instructions on how to change the colour of the button on the submission packages?

    And I did ask this in the previous forum: How can I permanently make my 2nd listing appear ‘forward’ of the others? (in order to highlight it)

    I would appreciate any help on these two matters.

    Cheers,
    Danielle

    July 11, 2013 at 7:24 pm
  • Thomas
    Thomas
    Newbie 53 points

    Hi Danielle,

    colors, shadow and behaviour of submit buttons on submit page are styled in

    PPT/css/css.packages.css beginning with line 179.

    Regards
    Thomas

    July 11, 2013 at 8:06 pm
  • Jean-Francois
    Jean-Francois
    Newbie 53 points

    Do it via your css file inside your child theme.
    If you edit PPT/css/css.packages.css, at the next update, you will loose everything !

    Few examples inside: tpl-premiumpress-styles

    Also you can edit like this:
    [code title=”cssexample”]
    #griddler .button {
    background: -moz-linear-gradient(center top , #53CC13 0%, #4CBF10 49%, #3FBA00 50%, #3BB000 100%) repeat-x scroll 0 0 #000000 !important;
    border: 1px solid #43B300;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 2px 2px #319300, 0 1px 1px rgba(149, 234, 89, 0.48) inset;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    text-shadow: 0 1px 0 #2A6000;
    }[/code]

    My best friend for that kind of purpose is: Firebug !

    July 11, 2013 at 9:39 pm
  • Danielle
    Danielle
    Newbie 44 points

    @ Jean-francois

    How much would you charge to change the colour of the button & to get a specific package to appear more forward (and maybe other colours of the packages)?

    July 11, 2013 at 10:05 pm
  • D
    D
    Senior Member 139 points

    I don’t know if this is helpful but I got a package to appear more forward by mistake just by putting more words and line breaks in the description.

    July 11, 2013 at 10:27 pm
  • Jean-Francois
    Jean-Francois
    Newbie 53 points

    I’m not here to get clients, so… ๐Ÿ˜‰
    Which color you need on your button ?

    You said: appear more forward
    You mean: a hoover (css)

    July 11, 2013 at 11:34 pm
  • Ian
    Ian
    Super Guru 1,200 points

    You mean: a hoover (css)

    I don’t think Danielle means a vacuum cleaner! ๐Ÿ˜† That would suck it in and not push it forward.

    July 12, 2013 at 1:48 am
  • Mark Fail
    Mark Fail
    Super Guru 12,812 points

    lol

    July 12, 2013 at 6:45 am

  • Alexandra
    Newbie 65 points

    aint this the one i answered on previous forum ?

    add this to the custom style box with style tag or add it to your css file without the style tag

    <style>
    #griddler article:nth-child(2) {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 -3px;
    position: relative; top: -10px; z-index:10;
    }
    #griddler article:nth-child(2) h2 {
    padding: 20px 0;
    }
    #griddler article:nth-child(2) .button {
    font-size: 26px;
    }
    </style>

    July 12, 2013 at 7:16 am
  • Danielle
    Danielle
    Newbie 44 points

    @ Alexandra
    Yes you did provide it- but it obviously got lost.
    One thing to mention is that it should be put in the footer custom styles.

    Thanks heaps though as it totally worked! Woo!!

    July 12, 2013 at 3:22 pm
  • Mark Fail
    Mark Fail
    Super Guru 12,812 points
    Thanks heaps though as it totally worked! Woo!!

    enjoy your weekend :)

    July 12, 2013 at 3:26 pm
  • patrick
    patrick
    Newbie 37 points

    Hi, it’s very simple,
    change just your button class in tpl-add
    Exemple : button pink or button green …and more.
    it’s not a good idea to change the css files because another files run with it.

    July 12, 2013 at 9:53 pm
  • Jean-Francois
    Jean-Francois
    Newbie 53 points

    lol, I’m french so…., I used the wrong word ! :)
    Hoover —> hover

    July 14, 2013 at 11:38 pm

  • Alexandra
    Newbie 65 points

    @Danielle you can still put it in custom style but add !important at the end before the ; on each line.

    July 15, 2013 at 7:09 am
  • Mark Fail
    Mark Fail
    Super Guru 12,812 points

    :)

    July 15, 2013 at 7:33 am
Viewing 15 posts - 1 through 15 (of 15 total)

Didn't find what you were after?

Chat with us now

or contact our support team