hallo,
ik zie in mij wordpress theme function.php deze code:

<?php
/**
 * garage functions and definitions.
 *
 * @link https://developer.wordpress.org/themes/basics/theme-functions/
 *
 * @package garage
 */

if ( ! function_exists( 'garage_setup' ) ) :
/**
 * Sets up theme defaults and registers support for various WordPress features.
 *
 * Note that this function is hooked into the after_setup_theme hook, which
 * runs before the init hook. The init hook is too late for some features, such
 * as indicating support for post thumbnails.
 */
function garage_setup() {
	/*
	 * Make theme available for translation.
	 * Translations can be filed in the /languages/ directory.
	 * If you're building a theme based on garage, use a find and replace
	 * to change 'garage' to the name of your theme in all the template files.
	 */
	load_theme_textdomain( 'garage', get_template_directory() . '/languages' );

	// Add default posts and comments RSS feed links to head.
	add_theme_support( 'automatic-feed-links' );

	/*
	 * Let WordPress manage the document title.
	 * By adding theme support, we declare that this theme does not use a
	 * hard-coded <title> tag in the document head, and expect WordPress to
	 * provide it for us.
	 */
	add_theme_support( 'title-tag' );

	/*
	 * Enable support for Post Thumbnails on posts and pages.
	 *
	 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
	 */
	add_theme_support( 'post-thumbnails' );

	// This theme uses wp_nav_menu() in one location.
	register_nav_menus( array(
		'primary' => esc_html__( 'Primary', 'garage' ),
	) );

	/*
	 * Switch default core markup for search form, comment form, and comments
	 * to output valid HTML5.
	 */
	 add_theme_support( 'html5', array(
		'search-form',
		'comment-form',
		'comment-list',
		'gallery',
		'caption',
	) );
 
	/*
	 * Enable support for Post Formats.
	 * See https://developer.wordpress.org/themes/functionality/post-formats/
	 */
	add_theme_support( 'post-formats', array(
		'aside',
		'image',
		'video',
		'quote',
		'link',
	) );

	// Set up the WordPress core custom background feature.
	add_theme_support( 'custom-background', apply_filters( 'garage_custom_background_args', array(
		'default-color' => 'ffffff',
		'default-image' => '',
	) ) );
}
endif;
add_action( 'after_setup_theme', 'garage_setup' );

/**
 * Set the content width in pixels, based on the theme's design and stylesheet.
 *
 * Priority 0 to make it available to lower priority callbacks.
 *
 * @global int $content_width
 */
function garage_content_width() {
	$GLOBALS['content_width'] = apply_filters( 'garage_content_width', 640 );
}
add_action( 'after_setup_theme', 'garage_content_width', 0 );

/**
 * Register widget area.
 *
 * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
 */


function garage_widgets_init() {
	    register_sidebar( array(
		'name'          => esc_html__( 'Sidebar', 'garage' ), 
		'id'            => 'sidebar-1',
		'description'   => esc_html__( 'Add widgets here.', 'garage' ),
		'before_widget' => '<section id="%1$s" class="widget %2$s">',
		'after_widget'  => '</section>',
		'before_title'  => '<h2 class="widget-title">',
		'after_title'   => '</h2>',
	) );  
}
add_action( 'widgets_init', 'garage_widgets_init' );
 
 

/**
 * Enqueue scripts and styles.
 */
function garage_scripts() {
	wp_enqueue_style( 'garage-style', get_stylesheet_uri() );
        
// add Google fonts: Fira sans en Merriweather
        
//wp_enqueue_style ( 'garage-google-fonts' , https://fonts.googleapis.com/css?family=Fira+Sans:700,700italic|Merriweather:400,400italic');

    wp_enqueue_style('garage-local-fonts', get_template_directory_uri(). '/fonts/custom fonts css'  );
    
    wp_enqueue_script( 'garage-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );



	wp_enqueue_script( 'garage-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}
}
add_action( 'wp_enqueue_scripts', 'garage_scripts' );

/**
 * Implement the Custom Header feature.
 */
require get_template_directory() . '/inc/custom-header.php';

/**
 * Custom template tags for this theme.
 */
require get_template_directory() . '/inc/template-tags.php';

/**
 * Custom functions that act independently of the theme templates.
 */
require get_template_directory() . '/inc/extras.php';

/**
 * Customizer additions.
 */
require get_template_directory() . '/inc/customizer.php';

/**
 * Load Jetpack compatibility file.
 */
require get_template_directory() . '/inc/jetpack.php';
?>


en ik zie in style.css deze code:


.gallery {
    margin-top: 30em;
	margin-bottom: 1.5em;

}

.gallery-item {
 display:inline-block; 
	text-align: center;
	vertical-align: top;
        width:100% ;
	div.img 
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;

}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
        
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


nu als ik probeer in de gallery-item in CSS bepaalde code schrijven er gebeurd helemaal niets op de scherm .
hoe komt dat ? moet nog bepaalde code invoegen in php om deze gallery item te laten functioneren?
Ik weet niet welke gallery je gebruikt, maar vaak is het een kwestie van de functie laden in je juiste templates, of tussen blokhaken te zetten op een pagina in je wp-admin.
dank u wel ,
ik gebruik op dit moment geen enkel gallery,maar voor test doeleinden als ik hier onder deze code een border laten toevoegen bijv: border:1px solid green.

.gallery {
    margin-top: 30em;
    margin-bottom: 1.5em;

}

.gallery-item {
 display:inline-block; 
    text-align: center;
    vertical-align: top;
        width:100% ;
    div.img 
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;

}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
        
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}


ik zie niets gebeurd op de scherm . bijv. als ik wil een img src toevoegen er gebeurd ook niets daarom ik vroeg of er en bepaalde php code moet toegevoegd worden in header of function.php om deze CSS class(gallery) code te laten functioneren!
johan

Reageren