Please help me adjust padding with CSS not line height!

Please can you help me adjust the padding so i can see the full name of my projects.

//Gallery Caption CSS
.gallery-caption p:first-line {
      font-size: 22px !important;
}

p.gallery-caption-content {
    font-size: 12px !important;
    font-family: 'body' !important;

}

.gallery-caption p {white-space:pre}

.header-nav-folder-content {
  background: transparent !important;
    padding: px 30px;

}

// Button //
.header-actions-action .btn {
}

.sqs-block-button a, [class*='button'], [class*='btn'] {
    font-family: 'body' !important;
}

.header-actions-action .btn {
    padding: 0px 0px;
    background: Transparent !important;
    border-color: violet !important;
}

What is site url? We can check easier

www.pippaholliday.co.uk

It looks like you figured it out?