• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Comment Button – Beautiful Pro Theme

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Comment Button – Beautiful Pro Theme

This topic is: not resolved
  • This topic has 3 replies, 2 voices, and was last updated 10 years, 3 months ago by emasai.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 5, 2015 at 9:07 pm #146773
    Barbie2365
    Member

    I am racking my brain trying to figure out how to change the color of the "comment button" which appears after the comment box on a blog I am working on. Right now it's white and you can't see it. If you click the area though, it's there. So I need to change the color but can't figure out how. Can someone please give me the code to change?

    http://www.diana2rockwell.com
    April 6, 2015 at 10:57 am #146821
    emasai
    Participant

    You have 2 # before the background-color on the following. Remove one and your button will show.

    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
      background-color: ##5e00aa;

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    April 8, 2015 at 12:14 am #147021
    Barbie2365
    Member

    That worked, but I can't see the button unless I hover over it. How do I make the button a different color, that can be seen, without having to hoover over it. I like the hover color, but it also needs a stagnant color that can been seen.

    April 8, 2015 at 10:14 am #147076
    emasai
    Participant

    background-color: ##5e00aa;
    This is wrong it should be
    background-color: #5e00aa;
    and it is not on the hover state it is on
    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .button,
    .entry-content .button

    You did not change it in your style sheet, the double ## is still there on line 370


    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble