how can i align page heading?

  • 1
  • Question
  • Updated 7 years ago
  • Answered
I would like to align page headings of my website pocev.com. I would like to move the page heading from middle to the top of the banner image. How can i do that?

Thanks in advance,

Oktay
Photo of turkanemlak

turkanemlak

  • 39 Posts
  • 0 Reply Likes

Posted 7 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Oktay,

If you have Yola Silver, you can do this using the Site CSS feature. Please let us know if you do have Silver and then we can assist further.
Photo of turkanemlak

turkanemlak

  • 39 Posts
  • 0 Reply Likes
Sure I have.
Photo of turkanemlak

turkanemlak

  • 39 Posts
  • 0 Reply Likes
I have tried these codes below but they do not work:

div.ys_layout div#sys_banner h1 a {
color:#5dc4d3;
text-decoration:none;
}

div.ys_layout div#sys_banner h1 {
margin:57px 0 0 40px;
font-size:32px;
}
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Oktay,

What style are you using? Usually, the header is a separate code from the banner though not always.
Photo of turkanemlak

turkanemlak

  • 39 Posts
  • 0 Reply Likes
Hi Diane,

I use "wide rounded glass" style. Please help me asap.

Thanks in advance.

Oktay
Photo of turkanemlak

turkanemlak

  • 39 Posts
  • 0 Reply Likes
Why does nobody care about my problem?
Photo of Brianna

Brianna

  • 2045 Posts
  • 92 Reply Likes
Hi oktay,

Please do not think we do not care about your problem. Our support staff stays extremely busy supporting over 6 million customers!

We are so proud that we are able to take the time to answer each of our customer's questions. Because of this, we ask that you allow us 48 hours to review your case and get back to you if you are a free user and 24 hours if you are a Silver or Premium user.
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Oktay,

This was a tough one. The only way I could get it to move is by putting a margin inline into the heading. Click on "Edit Heading", then add this to the heading field:



<p style="margin-top:-100px;">hello how are you</p>



Replace "hello how are you" with the text you want for the heading. Adjust the margin number.

If anyone figures out the CSS for this, I'd be interested to know!
Photo of turkanemlak

turkanemlak

  • 39 Posts
  • 0 Reply Likes
Thank you very much Diane. It works properly :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
We're happy to hear this worked for you!