Header - wordpress - poradna.net

Zdravím,
chci se zeptat jak u headeru změním velikost? Jedná se mi třeba u www.menschoice.cz - ten obrázek aby nebyl hned tak roztáhlý ... ale nějak nemohu si vzpomenout kde se to všude musí změnit, aby měl třeba poloviční délku
U custom-header.php jsem height z 1080 dal na 540 a stejně beze změny. :( Už jsem asi slepej nebo nevím. Kde na něco zapomínám? Díky.

Předmět	Autor	Datum
Já si poeditoval "růčo" soubor header.php. Záleží jakou máš šablonu. Může to být i v CSS. Já to mám… Kráťa 24.01.2019 08:18	Kráťa	24.01.2019 08:18
Takhle vypadá ten header.php a potřebuji, aby to X bylo menší - viz odkaz Ns4C9BV ?><!DOCTYPE html>… B3art 24.01.2019 14:06	B3art	24.01.2019 14:06
a toto je "výňatek" z style.css /*-------------------------------------------------------------- ##… B3art 24.01.2019 14:10	B3art	24.01.2019 14:10
Já nejsem žádná borec, ale hledej height a width u img /* Header image */ .header-image { position:… poslední Kráťa 25.01.2019 23:51	Kráťa	25.01.2019 23:51

Já si poeditoval "růčo" soubor header.php. Záleží jakou máš šablonu. Může to být i v CSS. Já to mám v #branding img {...

Takhle vypadá ten header.php
a potřebuji, aby to X bylo menší - viz odkaz Ns4C9BV

?><!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>

<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>
</div>
</header>

<?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'); ?>

a toto je "výňatek" 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);
}
.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;
}

Já nejsem žádná borec, ale hledej height a width u img
/* 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);
}

To si nejdříve změň třeba na
width: 500px;
height:50px;

abys viděl, co to dělá/nedělá (nezapomeň po uložení F5) a když to bude ono, zkoumej a upravuj dál.

Zpět do poradny Odpovědět na původní otázku Nahoru