can't alter .title.title-center.header-thing?

Question

Hi,

 

I'm at present utilizing ionic v1 and Angularjs. I have a picture of a logo that fills in as the header title. I have to adjust it to one side of the screen however the picture stature is sliced and I have to bring down the position of the picture for it to line up with the navbar catches. how might I achieve this? here's my code:

 

html code:

<ion-view id="page1" view-title="{{ logo }}" style="background-color:#f1f1f1;">

<ion-nav-bar class="bar-positive custom-dark" align-title="left" vertical-align="middle">

css code:

#page1 .title.title-center.header-item

{

width: 105px;

margin-left: inherit;

height: 65px;

}

 

Thanks and Regards

Sireesha.