Danielle

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

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

Created: July 11, 2013 at 7:24 pm
  • In: DirectoryPress
  • Started by: DanielleDanielle
  • 8 members left 14 comments
  • Last reply from: Mark FailMark Fail

  • Thomas
    Thomas
    July 11, 2013 at 8:06 pm

    Hi Danielle,

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

    PPT/ beginning with line 179.

    Regards
    Thomas

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

    Do it via your css file inside your child theme.
    If you edit PPT/, 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, ) 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
    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
    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
    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
    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
    July 12, 2013 at 6:45 am

    lol


  • Alexandra
    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, );
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, );
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, );
    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
    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
    July 12, 2013 at 3:26 pm

    Thanks heaps though as it totally worked! Woo!!

    enjoy your weekend 🙂

  • patrick
    patrick
    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
    July 14, 2013 at 11:38 pm

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


  • Alexandra
    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
    July 15, 2013 at 7:33 am

    🙂


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