Twenty Fourteen responsive CSS

The background colour of the header in Twenty Fourteen is defined in /wp-content/themes/twentyfourteen/style.css at line #847: .site-header { background-color: #000; max-width: 1260px; position: relative; width: 100%; z-index: 4; }

To override CSS of parent theme

Neither padding: none; nor padding: -1; are valid CSS, and are therefore ignored. Removing padding: 0; from the parent theme is inadvisable as it’s “resetting” the (largely varied) default browser-applied style of many elements, and will likely create issues with other CSS on your site that expect such a reset. You should specifically target the … Read more

Do you use css reset in your child theme [closed]

The _s (or Underscores) theme is a great starter theme. It’s not a child theme, rather a barebones template that you can build on. It includes many features such as HTML5 templates, custom header, custom background and theme options implementations, custom template tags, 5 sample CSS layouts, starter non-presentational CSS that you can build on, … Read more

Overriding WooCommerce CSS? [closed]

You can change the CSS loading order. Find the place where WooCommerce enqueues it’s CSS and keep in mind it’s $handle (name). Search for wp_enqueue_style. Then go to theme’s functions.php and find the place where your theme enqueues it’s CSS. Now change your theme’s wp_enqueue_style by adding WooCommerce’s $handle to $deps (dependencies) parameter of theme’s … Read more

Managing large CSS files [closed]

Single HUGE CSS file maintaining is very difficult.But you split that files in multiple then it causes extra http requests which could slow things down. sloution according to me. If you know that your CSS will NEVER change once you’ve built it, Build multiple CSS files in the development stage (for readability),and then manually combine … Read more

Move main menu to top of screen

This is a two step solution: Install plugin “Options for Twenty Seventeen” (Link) Add the following CSS to “Design” > “Customizer” > “Additional CSS” .navigation-top { position: fixed; bottom: auto; left: 0; right: 0; top: 0; width: 100%; } .custom-header { padding-top: 50px; }

How to change wordpress registration form submit button value?

you would have many options to change button text like jquery and if you know about that registration form from where it is coming from. By using jquery you would have to add below code at the end of the footer.php file like as below: <script> $(document).ready(function(){ // Change text of input button $(“.ur-submit-button”).prop(“value”, “Input … Read more

How do i make a sidebar background color? [closed]

The simplest way to create the solid color side bar is with this CSS: #branding { background-color: #ffffff; } #page { background: #ffffff url(path_to_image) repeat-y; } Replace #ffffff with the appropriate color used in your template (if they are different). The “path_to_image” would need to be pointed to an image file that is 1000px wide … Read more