Additional Button Colors?

Homepage Community Forums Optimal Theme Support Additional Button Colors?

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #5270

    Hi

    Was hoping there might be a way to use a color for a button that is different from what’s provided below?

    http://demo.appfinite.com/optimal/buttons-boxes/

    I wanted to use yellow or a bright / kelly-ish green.

    Looking forward to hearing back, thanks!

    #5275
    kronos
    Customer

      If you look in your css file around line 1696 you’ll see the buttons colors and classes. Just copy one of them and rename it to what you want…..then of course you can edit the colors and things.

      #5279
      This reply has been marked as private.
      #5291
      kronos
      Customer

        You marked your recent post as private which means I’m unable to view it. I think only admins/moderators are able to view private messages with bbpress forums. I’m just a regular customer (like you)…so you’d have to repost it in order for me to see it.

        #5363

        Thank you for your response. I am not a developer fyi.

        Not sure when it happened, but at some point I was no longer able to access and look at my CSS file. (might be my fault)

        When Wes helped me with something I was trying to do with CSS, he just wrote down code to put in and I was able to paste it in and everything worked out.

        How would you like to work through this?

        The color I want is going to be tennis ball yellow.

        Let me know, sorry for being high maintenance…

        Thanks
        Chris

        #5411
        kronos
        Customer

          Please see my previous comment above – https://appfinite.com/topic/additional-button-colors/#post-5275 and you can add whatever color you want when you create it. Just use an online color picker to get the code for whatever color you want.

          #5414

          Thanks Kronos, I did see your post.

          I don’t mean to be difficult, but I am not able to get into my CSS file. I just did a print screen shot to show you, but don’t know how to attach to my message.

          When I go to Edit CSS, I just get a large blank window with publish options on the right.

          I am able to paste in code to the blank window and it gets applied to my site though.

          If you shoot me the code, I can paste it in, otherwise I am not able to look through my CSS.

          Let me know if you can help, thank you.

          #5421
          kronos
          Customer

            I’d love to help, but you should keep in mind, that the purpose of the forums is to lead you in the right direction so that you can write your own code, we can’t always do it for you. Hopefully I can help lead you to “Learn How to Fish” rather than just “giving you the fish”….That’s just something to keep in mind when using any forum……If you were hiring someone, well, then that’s different 🙂

            To edit your css file you should be able to access that under Appearance > Editor….then select the style.css file. You can also log in by FTP and access your files directly and you could edit the css that way. The FTP way is the preferred way, for many reasons…..you can do a Google search on what FTP is and how to set it up. There should be plenty of tutorials out there, especially for whatever host you’re using.

            For the buttons, you can look here at this tutorial if you haven’t already – http://demo.appfinite.com/optimal/buttons-boxes/ ….as mentioned before, you can just copy one of them in your css and replace the color code with the code that you want. The code that you want is around line 1696 in your css file. If for any reason you can’t access it (assuming you’re using Jetpack or something) here is the optimal css from the demo (which is the same as yours) – http://demo.appfinite.com/optimal/wp-content/themes/optimal/style.css?ver=1.9.1 You can search for the button codes under the “Buttons” section –

            /* Buttons
            ------------------------------------------------------------ */

            To find the color that you want, just use a color picker. Here is one for example – http://www.colorpicker.com/ After you select your color look at the top for the 6 digit hex code which should be on top right after the “#

            Here is a site that will allow you to create your own buttons with a button generator – http://www.cssbuttongenerator.com/ there are many more you could search for as well.

            This should be more than enough info to get you going. Hope that helps.

            #5422
            scooby
            Customer

              Wow, now this is what I call going above and beyond! Thanks @kronos for the tutorials and links. I’ll definitely be using that button generator. It’s exactly what I need.

              #5432

              @kronos – Yes, thanks so much for the input.

              Totally hear you on the purpose of the forums as well, I’ll keep that in mind moving forward!

              Thanks!
              Chris

            Viewing 10 posts - 1 through 10 (of 10 total)
            • The topic ‘Additional Button Colors?’ is closed to new replies.