You are viewing limited content. For full access, please sign in.

Question

Question

Forms header css position

asked on September 23, 2019 Show version history

Hello,

 

I have a Form header made up of three elements. A simple gray bar at the top, a logo overlapping that bar, and the text title itself. 

I've got the gray bar and the logo positioned exactly where I want but am having trouble moving the text more towards the center.

My css is as follows:

#q18 {position: absolute}
#q17 {width: 220px; height: 200px; text-align: right; position: relative; left: 550px}
#q2 {position: absolute; height: 400px; width: 400px; margin: 0px; top: 50px}

With q18 being the gray bar, q17 being the logo, and q2 being the text.

Any help would be appreciated!

Thank you.

0 0

Answer

SELECTED ANSWER
replied on September 23, 2019

e.g. margin-left: 300px 

0 0

Replies

replied on September 23, 2019

You may also want to check this out. I have used this to create a complete header and append it to the form as opposed to trying to play with the individual elements to get the look I want

https://answers.laserfiche.com/questions/131622/Custom-Forms-Headers-with-logos-and-Pagination#131657

1 0
replied on September 23, 2019

top: 50px is what's pushing it down.  Try reducing that.

You are not allowed to follow up in this post.

Sign in to reply to this post.