造型wordpress标题

Question

我的css课程不会影响包含wp h1

的single_post_title()

    <div class="intro-text child">
      <!--<h1 class="herotext sr-hero">Kompletní<br>realizace staveb.</h1>-->
      <?php
      if ( is_front_page() ) {
          echo '
              <img src="' . get_template_directory_uri() .'/img/samsonsvg2_animated.svg" class="samsonlogo">
          ';
      }
      else {
        echo '
            <h1 class="herotext sr-hero">'. single_post_title() .'</h1>
            ';
      }
      ?>
    </div>

的CSS：

.herotext {
  font-size: 10vh;
  font-weight: 300;
  color: #EF7F1A;
}

Answer 1

通过将.herotext类分配给父div

来解决它

<div class="intro-text child herotext">
      <!--<h1 class="herotext sr-hero">Kompletní<br>realizace staveb.</h1>-->
      <?php
      if ( is_front_page() ) {
          echo '
              <img src="' . get_template_directory_uri() .'/img/samsonsvg2_animated.svg" class="samsonlogo">
          ';
      }
      else {
        echo '
            <h1 class="sr-hero">'. single_post_title() .'</h1>
            ';
      }
      ?>
    </div>