Перейти к содержанию
Авторизация  
TToriginal

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

Рекомендуемые сообщения

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

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, но видно я далек от этого

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

Вид:

321.png.8148b78f0d0025471886e951e17e8fa8

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Стили:

.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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
Авторизация  

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×
×
  • Создать...