Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 29, 2013 at 12:51 pm #194716
    djnicke

    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

    November 29, 2013 at 5:10 pm #194779
    Yigit

    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

    November 30, 2013 at 7:50 pm #194929
    djnicke

    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!

    December 1, 2013 at 6:35 am #194978
    Yigit

    Hi!

    You are welcome and thanks for sharing your code!

    Cheers!
    Yigit

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