Community Forums › Forums › Archived Forums › General Discussion › CSS style sheet
Tagged: CCS STYLE SHEET
- This topic has 9 replies, 2 voices, and was last updated 10 years, 6 months ago by Brad Dalton.
-
AuthorPosts
-
October 8, 2013 at 7:07 am #65822Lyes75Member
Hi,
I would like to add a new css style sheet to my Balance theme but everything i do doesn't work.
I try the tutorial example without success....
Anyone can help me thanks.
Lyes.
http://www.netaudience.fr/test/October 9, 2013 at 5:06 am #65942Brad DaltonParticipantOctober 10, 2013 at 2:21 am #66089Lyes75MemberYes a second style sheet because my css code (show below) .
I've tryed this method : http://wpsites.net/wordpress-themes/second-style-sheet-theme/ but it doesn't work.
CSS Code :
.objs { list-style:none; margin:0; padding:0 0 60px; text-align:center; } .objs li { display:inline-block; vertical-align:top; font-size:11px; line-height:18px; margin:0 -3px 1px 0; background:#ededed; font-family:Verdana; } .objs.nobackground li {background: none;} .objs .ofr { display:block; width:250px; height:220px; cursor:pointer; padding:30px 10px 10px; color:#5A5E6B; transition: background 1s, color 1s; -moz-transition: background 1s, color 1s; -webkit-transition: background 1s, color 1s; -o-transition: background 1s, color 1s; } .objs .ofr:hover { background:#9010ba; text-decoration:none; color:rgba(255,255,255, 0.8); transition: background 1s, color 1s; -moz-transition: background 1s, color 1s; -webkit-transition: background 1s, color 1s; -o-transition: background 1s, color 1s; } .objs .ofr .img { display:block; text-align:center; min-height:51px; padding:0 0 20px; } .objs .ofr .titre { display:block; color:#000000; font:bold 14px/16px Verdana, "Times New Roman", Times, serif; letter-spacing:-1px; margin:0 0 20px; } .objs .ofr .img .hover {display:none;} .objs .ofr:hover .img img {display:none;} .objs .ofr:hover .img img.hover {display:inline-block;} .objs .ofr .cnt {display:block;} .objs .cnt {font-size:10px;}
Thanks a lot.
Lyes.
October 10, 2013 at 4:32 am #66100Brad DaltonParticipantWorks perfectly for me because i use it locally.
You must have missed something.
Link to your site please.
October 10, 2013 at 4:57 am #66103Lyes75MemberThanks for your help Brad.
Link to my page : http://www.netaudience.fr/test/
I want this result : http://www.transport-aeroport.fr/bloc.html
October 10, 2013 at 7:14 am #66117Brad DaltonParticipantOctober 11, 2013 at 1:47 am #66225Lyes75MemberThis one :
<?php /** Start the engine */ require_once( get_template_directory() . '/lib/init.php' ); /** Child theme (do not remove) */ define( 'CHILD_THEME_NAME', 'Balance Theme' ); define( 'CHILD_THEME_URL', 'http://www.studiopress.com/themes/balance' ); /** Create additional color style options */ add_theme_support( 'genesis-style-selector', array( 'balance-blue' => 'Blue', 'balance-green' => 'Green', 'balance-turquoise' => 'Turquoise', 'balance-pink' => 'Pink' ) ); /** Add support for structural wraps */ add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'inner', 'footer-widgets', 'footer' ) ); /** Add new image sizes */ add_image_size( 'grid', 295, 100, TRUE ); add_image_size( 'portfolio', 300, 200, TRUE ); /** Add Viewport meta tag for mobile browsers */ add_action( 'genesis_meta', 'balance_viewport_meta_tag' ); function balance_viewport_meta_tag() { echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>'; } /** Unregister layout settings */ genesis_unregister_layout( 'content-sidebar-sidebar' ); genesis_unregister_layout( 'sidebar-content-sidebar' ); genesis_unregister_layout( 'sidebar-sidebar-content' ); /** Add support for custom background */ add_custom_background(); /** Add support for custom header */ add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 135 ) ); /** Reposition post info */ remove_action( 'genesis_before_post_content', 'genesis_post_info' ); add_action( 'genesis_before_post_title', 'genesis_post_info' ); /** Customize the post info function */ add_filter( 'genesis_post_info', 'post_info_filter' ); function post_info_filter($post_info) { if (!is_page()) { $post_info = '[post_author_posts_link] [post_date]'; return $post_info; } } /** Customize the post meta function */ add_filter( 'genesis_post_meta', 'post_meta_filter' ); function post_meta_filter($post_meta) { if (!is_page()) { $post_meta = '[post_categories] [post_edit] [post_tags] [post_comments]'; return $post_meta; } } /** Customize 'Read More' text */ add_filter( 'get_the_content_more_link', 'balance_read_more_link' ); add_filter( 'the_content_more_link', 'balance_read_more_link' ); function balance_read_more_link() { return '<a class="more-link" href="' . get_permalink() . '" rel="nofollow">' . __( 'Continue Reading' ) . '</a>'; } /** Customize search button text */ add_filter( 'genesis_search_button_text', 'custom_search_button_text' ); function custom_search_button_text($text) { return esc_attr(''); } /** Reposition the breadcrumbs */ remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' ); add_action( 'genesis_after_header', 'genesis_do_breadcrumbs' ); /** Customize breadcrumbs display */ add_filter( 'genesis_breadcrumb_args', 'balance_breadcrumb_args' ); function balance_breadcrumb_args( $args ) { $args['home'] = 'Home'; $args['sep'] = ' '; $args['list_sep'] = ', '; // Genesis 1.5 and later $args['prefix'] = '<div class="breadcrumb"><div class="wrap">'; $args['suffix'] = '</div></div>'; $args['labels']['prefix'] = '<span class="home">Retour:</span>'; return $args; } /** Add support for 3-column footer widgets */ add_theme_support( 'genesis-footer-widgets', 3 ); /** Register widget areas */ genesis_register_sidebar( array( 'id' => 'home-featured-left', 'name' => __( 'Home Featured Left', 'balance' ), 'description' => __( 'This is the featured left area on the homepage.', 'balance' ), ) ); genesis_register_sidebar( array( 'id' => 'home-featured-right', 'name' => __( 'Home Featured Right', 'balance' ), 'description' => __( 'This is the featured right area on the homepage.', 'balance' ), ) ); genesis_register_sidebar( array( 'id' => 'portfolio', 'name' => __( 'Portfolio', 'balance' ), 'description' => __( 'This is the portfolio page.', 'balance' ), ) ); add_filter( 'genesis_footer_creds_text', 'sp_footer_creds_text' ); function sp_footer_creds_text() { echo '<div class="creds"><p>'; echo 'Copyright © '; echo date('Y'); echo ' · <a href="http://www.netaudience.fr">Netaudience</a> '; echo '</p></div>'; } add_filter( 'genesis_footer_backtotop_text', 'sp_footer_backtotop_text' ); function sp_footer_backtotop_text($backtotop) { $backtotop = '[footer_backtotop text="Retour au début"]'; return $backtotop; }
October 11, 2013 at 3:05 am #66228Brad DaltonParticipantDoesn't look like you added the PHP code to register the 2nd style.css file.
October 11, 2013 at 6:22 am #66241Lyes75MemberThanks for your help Brad.
I put the php code and i've have executed all the instructions from the tutorial (http://wpsites.net/wordpress-themes/second-style-sheet-theme/).
I don't understanf why the result is different between what i want : http://www.transport-aeroport.fr/bloc.html
and what i hace : http://www.netaudience.fr/test/.
October 11, 2013 at 6:41 am #66243Brad DaltonParticipantMaybe its the css code you added in the second style sheet but the method of adding a 2nd style sheet works perfectly.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.