Új hozzászólás Aktív témák

• #1000 Primary92 senior tag

  Új Válasz 2014-03-04 18:24:32 #1000

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Primary92

  senior tag

  Így néz ki a wordpress sablon fejlécre vonatkozó része:
  <div class="header-cover section bg-dark-light no-padding">
  
  <div class="header section" style="background-image: url(<?php if (get_header_image() != '') : ?><?php header_image(); ?><?php else : ?><?php echo get_template_directory_uri() . '/images/header.jpg'; ?><?php endif; ?>);">
  
  <div class="header-inner section-inner">
  
  <div class="blog-info">
  
  <h1 class="blog-title">
  <a href="<?php echo esc_url( home_url() ); ?>" title="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?> &mdash; <?php echo esc_attr( get_bloginfo( 'description' ) ); ?>" rel="home"><?php echo esc_attr( get_bloginfo( 'title' ) ); ?></a>
  </h1>
  
  <?php if ( get_bloginfo( 'description' ) ) { ?>
  
  <h3 class="blog-description"><?php echo esc_attr( get_bloginfo( 'description' ) ); ?></h3>
  
  <?php } ?>
  
  </div> <!-- /blog-info -->
  
  </div> <!-- /header-inner -->
  
  </div> <!-- /header -->
  
  </div> <!-- /bg-dark -->

  Ide vonatkozó css pedig:

  .header-cover { overflow-y: hidden; }
  
  .header {
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  }
  
  .header-inner { position: relative; z-index: 2; text-align: center; }
  
  .blog-info {
  display: inline-block;
  padding: 30px;
  background: #1d1d1d;
  }
  
  .blog-title {
  width: 100%;
  text-align: center;
  font-family: 'Raleway', sans-serif;
  }
  
  .blog-title a {
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-weight: 700;
  font-size: 1.75em;
  }
  
  .blog-description:before {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: rgba(255,255,255,0.1);
  margin: 20px auto;
  }
  
  .blog-description {
  font-family: 'Raleway', sans-serif;
  text-align: center;
  color: rgba(255,255,255,0.4);
  font-weight: 300;
  }

  Próbálkoztam átrendezéssel, de nem sikerült.
  Azt a rész kellene blurosítani, ahol a .blog-info{background: #1d1d1d;} szín van. Viszont ha ide szúrom be a -webkit-filter: blur(5px);-et, akkor a szöveg is ('description' és 'title') elmosódik.

Új hozzászólás Aktív témák