Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #194716

    On our site, buttons seem to display erratically from page to page.

    Is there a way to keep a consistent look and style to the buttons throughout the website?

    As an example; Here is the Submit Button from our Contact Page:
    Submit Contact Form

    Here is the button from the “Meet The Team” page (this is the only one I understand how to control):
    Contact Button

    Here is the button from the Shopping Cart in the Sidebar:
    Shopping Cart

    And here are two buttons from a custom form we have made. NEITHER Button has any display parameters set, yet one is being displayed as a blue button and the other as a simple grey button:
    Trade Orders

    #194779

    Hi rednovaMeUp!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .main_color .sidebar a { color: white; }
    .main_color input[type='submit'] { background-color: #b33236;
    color: #ffffff;
    border-color: #b33236;
    } 

    Best regards,
    Yigit

    #194929

    Thanks!

    In order to give them the rounded corners and white border of the other buttons, I modified the code a bit.

    Here is the final code I’m using on my site in case it’s of use to anyone in the future:

    .main_color .sidebar a { color: white; }
    .main_color input[type='submit'] { background-color: #b33236;
    color: #ffffff;
    border-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    } 

    Cheers!

    #194978

    Hi!

    You are welcome and thanks for sharing your code!

    Cheers!
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Buttons Display Erratically’ is closed to new replies.