Как укоротить строку с профилем пользователя

[Graphiti22]

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

как укоротить строку пользовательского профиля, до таких размеров, как строка ниже?

А так же где находится вот эта строчка, которая отвечает за цвет обводки блока. Цвет светло-серый, толщина которого 1px?

[LvsF]

Graphiti22, Вы вообще как относитесь к тому, чтобы немного поучиться?

 

Как узнать, какой класс CSS отвечает за тот или иной объект

 

Хотя и без картинок, но можно понять суть. Можете еще умных книжек документацию почитать про html и css.

 

Первое, что нам нужно найти, это класс, в котором прописаны св-ва, отвечающие за ширину блоков, которые расположены ниже нашей панели. 

.wrapper {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1600px;
    width: 90%;
}

Второе - найти нашу панель 

<div id='nav_wrap'>
<!-- код -->
</div>

Компот Третье - добавить класс 

<div id='nav_wrap' class='wrapper'>

Сложно?

[Graphiti22]

LvsF, я и учусь, некоторые моменты без сложностей нахожу сам и делаю, а с некоторыми по несколько дней ломаю голову и в итоге ничего не получается, что то может не получатся, решаю заняться другим, и в поисках того другого, случайно нахожу решение на то что искал перед этим. За классификацию css огромное спасибо, сегодня же займусь изучением, что бы хоть немного больше понимать.