Ask the community

This is a community support forum where you can ask
questions and interact with other PremiumPress Customers.

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

  • Danielle
    Danielle
    Newbie 44 points
    July 11, 2013 at 7:24 pm

    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

  • Thomas
    Thomas
    Newbie 53 points
    July 11, 2013 at 8:06 pm

    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

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

    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 !

  • Danielle
    Danielle
    Newbie 44 points
    July 11, 2013 at 10:05 pm

    @ 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)?

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

    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.

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

    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)

  • Ian
    Ian
    Super Guru 1,200 points
    July 12, 2013 at 1:48 am

    You mean: a hoover (css)

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

  • Mark Fail
    Mark Fail
    Super Guru 12,822 points
    July 12, 2013 at 6:45 am

    lol


  • Alexandra
    Newbie 65 points
    July 12, 2013 at 7:16 am

    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>

  • Danielle
    Danielle
    Newbie 44 points
    July 12, 2013 at 3:22 pm

    @ 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!!

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

    enjoy your weekend :)

  • patrick
    patrick
    Newbie 37 points
    July 12, 2013 at 9:53 pm

    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.

  • Jean-Francois
    Jean-Francois
    Newbie 53 points
    July 14, 2013 at 11:38 pm

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


  • Alexandra
    Newbie 65 points
    July 15, 2013 at 7:09 am

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

  • Mark Fail
    Mark Fail
    Super Guru 12,822 points
    July 15, 2013 at 7:33 am

    :)

Viewing 15 posts - 1 through 15 (of 15 total)