Jump to content
Sign in to follow this  
TToriginal

PHP+CSS (нужна гиперссылки + иконка)

Recommended Posts

Добрый день! Возникла проблема, прошу помочь.

CMS : WordPress

Редактирования в : PHP + CSS

Иконку подтягивает с : Font Awesome

Сама проблема: нужно поставить рядом этих двух иконок еще одну с ссылок

1111.png.9de98c61d4c6ed8d593aeaf60f339f3

 

Вот что нашел в php (файл header.php) 

<div class="container header-1">

  <div class="top-logo">
   <?php if (get_theme_mod( 'dreamla_site_logo' )) : ?>
     <a href="<?php echo esc_url(home_url()); ?>/"><img src="<?php  echo esc_url(get_theme_mod('dreamla_site_logo')); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a>
   <?php else : ?>
     <a href="<?php echo esc_url(home_url()); ?>/"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/site-logo.png" alt="<?php bloginfo( 'name' ); ?>" /></a>
   <?php endif; ?>  
  </div>

  <div id="top-bar">
    
      <div class="menu-mobile"></div>

      <div class="navbar-left">
        <?php if( is_active_sidebar('hidden-sidebar') ) { ?>
        <div class="hidden-sidebar-button">
          <a href="#" class="open-hidden-sidebar">
            <span class="bar-1"></span>
            <span class="bar-2"></span>
            <span class="bar-3"></span>
          </a>
        </div>
        <?php } ?>
      </div>
       
      <div id="nav-wrapper">
          <?php
          if (has_nav_menu('header-menu')) :
           wp_nav_menu( array( '
            container' => '', 
            'theme_location' => 'header-menu', 
            'menu_class' => 'topmenu'
           ) ); 
         endif;
         ?>
      </div>

     <div class="navbar-right">
      <?php if (get_theme_mod('dreamla_topbar_search', true)) : ?>
        <div id="top-search">
         <a href="#" class="search"><i class="fa fa-search"></i></a>
        </div>
      <?php endif; ?>

      <?php if ( class_exists('WooCommerce') ) : ?>
      <div id="wc-shopping-cart">
      <?php $count = WC()->cart->get_cart_contents_count(); ?>
        <a class="cart-contents" href="<?php echo esc_url(wc_get_cart_url()); ?>" title="<?php esc_html_e( 'View your shopping cart', 'dreamla' ); ?>"><?php if ( $count >= 0 ) echo '<span class="cart-count">' . $count . '</span>'; ?>
        </a>
      </div>
      <?php endif; ?>

    </div>
</div>

Пробовал скопировать другие, с подменами классов в CSS, но видно я далек от этого

Share this post


Link to post
Share on other sites

Добавил код в PHP :

<div class="navbar-right">
          <a href="#" ><i class="fa fa-user" aria-hidden="true"></i></a>
      </div>

Вид:

321.png.8148b78f0d0025471886e951e17e8fa8

Нужно с помощью CSS  выровнять

Share this post


Link to post
Share on other sites

Стили:

.row-line {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.row-line > .row-item {
// ...
}

И сам html соответственно:

<div class="row-line">
  <div class="row-item">
    // .. ссылка с иконкой
  </div>
  <div class="row-item">
    // .. ссылка с иконкой
  </div>
  <div class="row-item">
    // .. ссылка с иконкой
  </div>
</div>

Должно работать ;)

  • Like 1

Share this post


Link to post
Share on other sites

А вообще, если не получится, пишите в телегу - помогу - @s4z1337

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...