• loudivers

    (@loudivers)


    Hello,

    I am using this code for a custom page template on a twenty thirteen child theme. The template is working, and the slider is working, but no matter what I have tried I am unable to style slider-wrap or home-slider. Any ideas what I need to add to my style.css??

    get_header(); ?>
    
    			<div class="slider-wrap">
    			    <div id="home-slider">
    
    			    <?php nivo_slider('landscape'); ?>
    
    		    	</div>
    		    </div> 
    
         <div id="primary" class="content-area">
    		<div id="content" class="site-content" role="main">
    
    			<?php /* The loop */ ?>
    			<?php while ( have_posts() ) : the_post(); ?>
    
    				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    					<header class="entry-header">
    						<?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
    						<div class="entry-thumbnail">
    							<?php the_post_thumbnail(); ?>
    						</div>
    						<?php endif; ?>
    
    						<h1 class="entry-title"><?php the_title(); ?></h1>
    					</header><!-- .entry-header -->
    
    					<div class="entry-content">
    						<?php the_content(); ?>
    						<?php wp_link_pages( array( 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentythirteen' ) . '</span>', 'after' => '</div>', 'link_before' => '<span>', 'link_after' => '</span>' ) ); ?>
    					</div><!-- .entry-content -->
    
    					<footer class="entry-meta">
    						<?php edit_post_link( __( 'Edit', 'twentythirteen' ), '<span class="edit-link">', '</span>' ); ?>
    					</footer><!-- .entry-meta -->
    				</article><!-- #post -->
    
    				<?php comments_template(); ?>
    			<?php endwhile; ?>
    
    		</div><!-- #content -->
    	  </div><!-- #primary -->
    
    <?php get_footer(); ?>
Viewing 3 replies - 1 through 3 (of 3 total)
  • Michael

    (@alchymyth)

    no matter what I have tried I am unable to style slider-wrap or home-slider.

    and what exactly have you tried?

    are you familiar with the fundamentals of CSS?

    can you post a live link to illustrate the issue?

    Thread Starter loudivers

    (@loudivers)

    I have tried using .slider-wrap #slider-wrap .home-slider #home-slider, this what I currently have and it’s not working.
    `.slider-wrap{
    max-width: 2880px;
    width: 100%;
    }
    .home-slider {
    margin:10px auto;
    max-width:1080px;
    }`

    I don’t have a live link, i am working on this locally.

    Michael

    (@alchymyth)

    it has to be:
    .slider-wrap { ... }
    and
    #home-slider { ... }

    unfortunately nobody can help you any further without a live link …

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘styling custom page template fot twenty thirteen’ is closed to new replies.