css - Read For Learn

Making a 1140px wide header logo in the twenty-ten theme?

in your theme’s functions.php, look for this: // The height and width of your custom header. You can hook into the theme’s own filters to change these values. // Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values. define( ‘HEADER_IMAGE_WIDTH’, apply_filters( ‘twentyten_header_image_width’, 940 ) ); define( ‘HEADER_IMAGE_HEIGHT’, apply_filters( ‘twentyten_header_image_height’, 198 ) ); Its … Read more

Complete Custom Style Part of Site

Open your theme functions.php. FTP/Server access: Navigate to your WP install and look in /wp-content/themes/[your theme folder] Via the WP Dashboard: Appearance > Editor, then look for Theme Functions (functions.php) in the right column Add the following to add a custom style sheet (replace “custom-style.css” with a better style sheet name, and replace ‘your-page-slug’ with … Read more

Twenty Twelve theme: remove margins

I think you mean these class definitions in style.css: /* =Media queries ————————————————————– */ /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { …cut… .site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; } …cut… } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { … Read more

Setting different CSS for all pages except home.php

Instead of <?php if(!is_home() || !is_front_page()) :?> you could use <?php else: ?> This style will not affect the wp-admin part, only the front end of your web since this is used in header.php. A safe way is to use wp_register_style() and wp_enqueue_style() as described here in the Codex: http://codex.wordpress.org/Function_Reference/wp_enqueue_style http://codex.wordpress.org/Function_Reference/wp_register_style In your case it … Read more

How would I use a media query to make my entire theme responsive or fluid? [closed]

You can use media queries to change the styling per element depending upon specifications. You would have to add these to the bottom of your stylesheet, so that it overwrites your default styles depending upon the screensize This following media-queries template from bootstrap is only based on screen size. You can use more complex media-queries … Read more

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

How to Convert Shortcode into a link?

Wrap your shortcode in a div and give it an ID that you can use as a target when triggering your popup. For example, you can put the shortcode somewhere on your page (content, sidebar, etc) as follows: <div id=”popup” class=”lightbox”>[contact-form-7 id=”1735″ title=”Contact form 1″]</div> and the link that trigges the popup will look something … Read more

Element works, but not on wordpress site [duplicate]

To avoid conflict, WordPress requires you to use jQuery instead of $. So, in your code, you should replace $.ajax() with jQuery.ajax() and $(‘ul’) with jQuery(‘ul’). You can notice there are syntax errors in your browser’s console, such as: Error: $.ajax is not defined

+ More