| 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: 7 let
|
|||
0