Skip to content
Read For Learn
Read For Learn
  • Database
    • Oracle
    • SQL
  • C
  • C++
  • Java
  • Java Script
  • jQuery
  • PHP
Read For Learn
  • Database
    • Oracle
    • SQL
  • C
  • C++
  • Java
  • Java Script
  • jQuery
  • PHP

CSS style button For WP Login Function in page template

You just need to add a function to style the login form:

function my_login_css() {

?>
 <style type="text/css">
 #wp-submit {
  border-color: #777;
  background: #999;
  box-shadow: none;
  text-shadow: none; 
  border-radius: 0px;
 }
 #wp-submit:hover {background: #ccc}

</style>
 <?php
}
add_action('login_enqueue_scripts', 'my_login_css');

When using a theme, like Avada, it’s best to add these custom functions to a child theme. More information, specific to Avada.

Related Posts:

  1. How can I make the wordpress editor apply the selected template?
  2. Enqueue style for Password Reset page
  3. Edit css for search results page
  4. How to edit the default icon of Add Media button?
  5. Why won’t my custom login page CSS load?
  6. Menu toggle bar works only on some pages in WordPress
  7. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  8. Video header on mobile, disappears behind header and content
  9. WordPress hide the username/password fields in login page
  10. How to properly hide the div of an inline collapsible button?
  11. Problem alignment issue with echo knowledge base
  12. Style sidebar for a custom page template exclusively
  13. Text Not Wrapping Around Right Floated Image [closed]
  14. HTML5/CSS3 Polyfill for wp-login.php
  15. How to include backend buttons css on frontend?
  16. How to change wordpress registration form submit button value?
  17. How can I make one button a different color from the other buttons on my site?
  18. add custom image to bottom of wordpress default login screen
  19. What’s the difference between SCSS and Sass?
  20. How am I supposed to use index.html?
  21. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  22. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  23. Adding border to SVG image
  24. What does !important mean in CSS?
  25. Set line spacing
  26. Remove blue underline from link
  27. CSS Background Opacity [duplicate]
  28. Outline effect to text
  29. Customize Bootstrap checkboxes
  30. Making a
  31. React.js inline style best practices [closed]
  32. What is a user agent stylesheet?
  33. What is a user agent stylesheet?
  34. Is there a CSS parent selector?
  35. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  36. Vertically align text within a div
  37. How to align a
    to the middle (horizontally/width) of the page [duplicate]
  38. Animate the overflow property
  39. Is there a color code for transparent in HTML?
  40. multiple classes on single element html
  41. CSS opacity only to background color, not the text on it?
  42. How do I center floated elements?
  43. create a white rgba / CSS3
  44. Using CSS for a fade-in effect on page load
  45. Gradient borders
  46. Superscript in CSS only?
  47. What is WebKit and how is it related to CSS?
  48. What’s the difference between display:inline-flex and display:flex?
  49. Making an iframe responsive
  50. How can I invert color using CSS?
  51. How to insert spaces/tabs in text using HTML/CSS
  52. font-family is inherit. How to find out the font-family in chrome developer pane?
  53. How to get these two divs side-by-side?
  54. How can I vertically center a “div” element for all browsers using CSS?
  55. What does auto do in margin: 0 auto?
  56. Does bootstrap have builtin padding and margin classes?
  57. How to change the color of an svg element?
  58. Changing spacing between paragraphs and inside of paragraphs
  59. Is there a color code for transparent in HTML?
  60. How to vertically align an image inside a div
  61. How can I center an absolutely positioned element in a div?
  62. Nesting CSS classes
  63. Applying Comic Sans Ms font style
  64. How to set up fixed width for ?
  65. “Stray start tag footer” in html validator?
  66. How to change btn color in Bootstrap
  67. Make div scrollable
  68. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  69. Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
  70. What is the difference between the selectors “.class.class” and “.class .class”?
  71. CSS: Creating textured backgrounds
  72. Insert image after each list item
  73. How to make the HTML link activated by clicking on the
  74. ?
  75. How to change text transparency in HTML/CSS?
  76. How do I hide the bullets on my list for the sidebar?
  77. limitations of using @Html.EditorForModel
  78. Transition of background-color
  79. How to implement max-font-size?
  80. How to float 3 divs side by side using CSS?
  81. How to override the properties of a CSS class using another CSS class
  82. HTML Width Percentage
  83. Circle button css
  84. force footer on bottom on pages with little content
  85. draw diagonal lines in div background with CSS
  86. How to add a color overlay to a background image?
  87. Change color of PNG image via CSS?
  88. css transition opacity fade background
  89. Better way to set distance between flexbox items
  90. Text-decoration: none not working
  91. How to set up fixed width for ?
  92. How do I center an h1 in the body
  93. CSS3 Transition not working
  94. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  95. How do I rotate text in css?
  96. CSS Invalid Property Value?
  97. right align an image using CSS HTML
  98. How can I transition height: 0; to height: auto; using CSS?
  99. css to make bootstrap navbar transparent
  100. how to offset a CSS border up and left
  101. @Media min-width & max-width
Categories CSS Tags buttons, css, templates, wp-login-form
How to reset ‘Advance’ tab on table property?
How to use wp db export and import together?

Recommended Hostings

Cloudways: Realize Your Website's Potential With Flexible & Affordable Hosting. 24/7/365 Support, Managed Security, Automated Backups, and 24/7 Real-time Monitoring.

FastComet: Fast SSD Hosting, Free Migration, Hack-Free Security, 24/7 Super Fast Support, 45 Day Money Back Guarantee.

Recent Added Topics

  • Bug in translation system: load_theme_textdomain() returns true, files are available and accessible but the language defaults to english
  • Custom Elementor controls not appearing in the widget Advanced tab using injection hooks
  • Get the name of the template/*html file used
  • Trying to Add Paging to Single Post Page
  • Sharing media files between live and staging servers
  • How to display the description of a custom post type in the dashboard?
  • Critical error on image display
  • Copying WP data and files into new install?
  • How to determine the DirectAdmin WordPress backup date?
  • How to get list of ALL tables in the database?
© 2026 Read For Learn
  • Database
    • Oracle
    • SQL
  • algorithm
  • asp.net
  • assembly
  • binary
  • c#
  • Git
  • hex
  • HTML
  • iOS
  • language angnostic
  • math
  • matlab
  • Tips & Trick
  • Tools
  • windows
  • C
  • C++
  • Java
  • javascript
  • Python
  • R
  • Java Script
  • jQuery
  • PHP
  • WordPress