Digital Raindrops

The CSS Classes enable you to style that menu item in the style.css

I wrote a post on adding social media icons using CSS Classes, it might help, there is a download so you can see the styles for the icons.

HTH

David

We had this one the other day, and the solution from michael.mariart was that some themes use fonts like Cufon, Google Fonts, etc:, and some of these fonts do not support the extended character set!

Check the font your theme is using for the titles.

HTH

David

This is really Cool!

Create a new folder in the themes folder: /js/
Create a file in the new folder: jquery.navigate.js

This works and was tested in a Twenty Eleven Child Theme, navigation classes .nav-previous and .nav-next

Add this to jquery.navigate.js, note: the new start and ending lines!

(function($){
	$(document).ready(function () {
		$(document).keydown(function(e) {
			var url = false;
			if (e.which == 37) {  // Left arrow key code
				url = $('.nav-previous a').attr('href');
			}
			else if (e.which == 39) {  // Right arrow key code
				url = $('.nav-next a').attr('href');
			}
			if (url) {
				window.location = url;
			}
		});
	});
})(jQuery);

In functions.php add!

/* Add the Javascript */
$path = get_stylesheet_directory_uri() .'/js/';
wp_enqueue_script('post-navigation', $path.'jquery.navigate.js', array('jquery'));

HTH

If this is what you want, remember to mark the topic as Resolved!

David

Strange, I tested it again!

Default Headers Removed and New Header Size!
Screenshot Admin
Screenshot Website

HTH

David

Hi,
Before you do that test the Brunelleschi Child Theme download from this category link, it is the files I used to test the concept.

HTH

David

For example, if the page was about a particular topic, I would like to add an image, some additional text and maybe a form on the right hand side unique to that particular page.

I think you should not get hung up on “Drag and Drop”, a simple lookup is easy to manage.

I would just use a custom post type for this, then you have the full editor to add the image, text, forms, shortcode etc:

You could use PageMeta to give a dropdown to a list of custom posts.
I was looking at this recently for “Information Posts”, part of this child theme added an information widget where you could select the post to display.

There is a download in this posts with the code, it is not completed and uses WooFlexiSlider and not Nivo shown in the images, it is just a sandbox where I was floating Ideas, the code may help!

David

Ok,
There are many themes with different sidebar and widget layouts out there, this gives WordPress theme designers the ability to create and control the way they want the theme to show.

It might be that the theme you like does not have the widget areas you want, so the options are to change the theme, or get “under the hood!”

An extra Widget Area can be done really easy, a little code in functions.php, a new template part file and a modification to the template file or header.php

If you have a spare widget area that you know you will not be using, wrap it in a template part and call it in the template.

What theme do you have installed?

Based on a Twenty Eleven Child Theme
Adding a new Widget Area, wrapping it in a Template Part, and calling the file

functions.php

add_action( 'after_setup_theme', 'child_theme_setup' );

if ( !function_exists( 'child_theme_setup' ) ):
function child_theme_setup() {

	register_sidebar( array(
		'name' => __( 'Horizontal Widget Area One', 'twentyeleven' ),
		'id' => 'horizontal-1',
		'description' => __( 'An optional horizontal widget area', 'twentyeleven' ),
	) );

}
endif;

The Template Part:
A new file horizontal-1.php

<?php if ( is_active_sidebar( 'horizontal-1' ) ) : ?>
	<div class="widget-area horizontal-1" role="complementary">
		<?php dynamic_sidebar( 'horizontal-1' ); ?>
	</div><!-- .widget-area -->
<?php endif; ?>

Then copy the page or header.php from the parent to the child theme
and where you want the the new widget area to show.

<?php get_template_part('horizontal','1'); ?>

Adding the class horizontal-1 means you can style it in style.css

.horizontal-1 {
    list-style: none;
    text-align: center;
}

HTH

David

Why not just switch the background and color on hover?

.fp-thumbnail a {
	background: transparent;
	color: transparent;
}
.fp-thumbnail a:hover  {
	background: #3B5998;
	color: #fff;
}

HTH

David