Время чтения: 1 мин. 27 июня 2017 в 16:10 Woocommerce
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

Стилизируем меню личного кабинета в Woocommerce

Добавляем CSS

[php]
/* личный кабинет воокомерс */

.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%;
}

.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 65%;
}

.woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid #eee;
position: relative;
padding: 10px 20px;
}

.woocommerce-MyAccount-navigation-link.is-active {
background-color: #f8f8f8;
}

.woocommerce-MyAccount-navigation ul li a {
padding: .857em 0;
display: block;
color: #333;
}
.woocommerce-MyAccount-navigation ul li a:before {
font-family: FontAwesome;
content: "\e0b5";
line-height: 1.618;
margin-left: .53em;
width: 1.387em;
text-align: right;
float: right;
opacity: .25
}
.woocommerce-MyAccount-navigation ul li a:hover:before {
opacity: 1
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link—dashboard a:before {
content: "\f0e4"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link—orders a:before {
content: "\f07a"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link—downloads a:before {
content: "\f019"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link—edit-address a:before {
content: "\f015"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link—payment-methods a:before {
content: "\f09d"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link—edit-account a:before {
content: "\f007"
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link—customer-logout a:before {
content: "\f0a9"
}

/* finish my accotun style */
[/php]

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Запись на бесплатный урок
Введите ваше имя, телефон и Skype логин и email.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите контактный телефон *

Введите ваше Skype логин *

Введите контактный E-mail *

Выберите программу

Введите ваше имя *

Введите контактный email *

Сообщение

Заказать сайт
Первые 14 дней бесплатно. Оставьте номер email и контактный телефон. Я лично перезвоню Вам в течении 10 минут, для обсуждения деталей.


Ваш email

Введите контактный телефон

Комментарий или вопрос