Autor | Zpráva | ||
---|---|---|---|
B3art Profil |
ahoj,
mám web MensChoice a potřeboval bych aby plocha X byla menší viz odkaz. ( odkaz ) Případně cokoliv dodám. :-) Web je na WordPressu. Díky moc. uryvek z style.css /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ .site-header { padding: 15px 0; width: 100%; z-index: 999; position: relative; background-color: #202529; -webkit-transition: all 0.5s; transition: all 0.5s; border-bottom: 1px solid rgba(255,255,255,0.1); } .header-image { background: url('http://www.menschoice.cz/wp-content/uploads/2019/01/cropped-Man%C2%B4s-Choice-20_small_logo.jpg') center no-repeat; background-size: cover; height: calc(75vh) } .site-header.has-header, .site-header.has-video { background-color: transparent; } .site-header.header-scrolled { background-color: rgba(32, 37, 41, 0.9); padding: 5px 0; border-bottom: 1px solid transparent; } .site-header .container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } .header-clone { height: 83px; } /* Header image */ .header-image { position: relative; text-align: center; } .header-image::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(37, 46, 53, 0.9); } .header-info { width: 100%; position: absolute; top: 35%; text-align: center; z-index: 11; } .header-text { margin: 0 auto; color: #fff; font-size: 76px; display: table; text-transform: uppercase; letter-spacing: 5px; } .header-subtext { color: #fff; display: table; margin: 0 auto 30px; padding: 0 15px 30px; font-size: 24px; border-bottom: 1px solid rgba(255,255,255,0.1); letter-spacing: 5px; } .small-header { display: none; } Header.php ?><!DOCTYPE html> <html <?php language_attributes(); ?>> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div class="preloader"> <div class="preloader-inner"> <ul><li></li><li></li><li></li><li></li><li></li><li></li></ul> </div> </div> <div id="page" class="site"> <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'astrid' ); ?></a> <header id="masthead" class="site-header <?php echo astrid_has_header(); ?>" role="banner"> <div class="container"> <div class="site-branding col-md-4 col-sm-6 col-xs-12"> <?php astrid_branding(); ?> </div> <div class="btn-menu col-md-8 col-sm-6 col-xs-12"><i class="fa fa-navicon"></i></div> <nav id="mainnav" class="main-navigation col-md-8 col-sm-6 col-xs-12" role="navigation"> <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?> </nav><!-- #site-navigation --> </div> </header><!-- #masthead --> <?php $astrid_has_header = astrid_has_header(); ?> <?php if ( $astrid_has_header == 'has-header' ) : ?> <div class="header-image"> <?php astrid_header_text(); ?> <img class="large-header" src="<?php header_image(); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" alt="<?php bloginfo('name'); ?>"> <?php $mobile_default = get_template_directory_uri() . '/images/header-mobile.jpg'; ?> <?php $mobile = get_theme_mod('mobile_header', $mobile_default); ?> <?php if ( $mobile ) : ?> <img class="small-header" src="<?php echo esc_url($mobile); ?>" width="<?php echo esc_attr( get_custom_header()->width ); ?>" alt="<?php bloginfo('name'); ?>"> <?php else : ?> <img class="small-header" src="<?php header_image(); ?>" width="1024" alt="<?php bloginfo('name'); ?>"> <?php endif; ?> </div> <?php elseif ( $astrid_has_header == 'has-shortcode' ) : ?> <div class="shortcode-area"> <?php $shortcode = get_theme_mod('astrid_shortcode'); ?> <?php echo do_shortcode(wp_kses_post($shortcode)); ?> </div> <?php elseif ( $astrid_has_header == 'has-video' ) : ?> <?php the_custom_header_markup(); ?> <?php elseif ( $astrid_has_header == 'has-single' ) : ?> <?php $single_toggle = get_post_meta( $post->ID, '_astrid_single_header_shortcode', true ); ?> <?php echo do_shortcode(wp_kses_post($single_toggle)); ?> <?php else : ?> <div class="header-clone"></div> <?php endif; ?> <?php if ( !is_page_template('page-templates/page_widgetized.php') ) : ?> <?php $container = 'container'; ?> <?php else : ?> <?php $container = 'home-wrapper'; ?> <?php endif; ?> <?php do_action('astrid_before_content'); ?> <div id="content" class="site-content"> <div class="<?php echo $container; ?>"> |
||
Časová prodleva: 7 dní
|
|||
Kcko Profil |
#2 · Zasláno: 4. 2. 2019, 13:20:48
B3art:
Dodej hlavně živou ukázku a ne screenshot. |
||
B3art Profil |
#3 · Zasláno: 4. 2. 2019, 13:26:59
Kcko:
Však tam je živá ukázka - stačí číst. :-) MensChoice - když na to klikneš, tak tě to navede na web menschoice.cz:-) |
||
Kcko Profil |
#4 · Zasláno: 4. 2. 2019, 13:30:51
B3art:
Promiň, nevšiml jsem si. Podle té tvojí malůvky to chceš mít nižší na výšku nebo na šířku? (Slovem plocha menší nerozumím, bud nižší na výšku, nebo užší na šířku). |
||
Časová prodleva: 5 let
|
0