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

Question

Question

Pagination stuck to the right of logo

Forms How To
Updated June 19, 2020
asked on June 19, 2020 • Show version history

Hello,

I'm needing assistance getting my pagination tabs to appear below the Logo.  I've tried the following CSS with no success.  I cannot get the pagination to go below the title/logo.

 

.cf-pagination ul {padding-top:200px;}
.cf-pagination ul {padding-left:30px;}

0 0

Replies

replied on June 19, 2020

Based on where the gray background ends, it looks like you need to go into the Themes setting, click the Customize tab, and increase the height of the Form Title section so it can actually fit your logo.

2 0
View 5 previous replies
replied on June 19, 2020

Thanks for catching that!

0 0
replied on June 19, 2020

Do you have other custom CSS affecting the to of the form or title area?

I've never seen the pagination get pushed over to the side like that, so I think the first step is trying to figure out what pushed it over there to begin with rather than trying to force it back (that way you're not just fighting your own code you know?).

0 0
replied on June 19, 2020 • Show version history

It seems to be the larger size logo that spans the width of the page that is pushing it over. I think I need something to put a line break between the Logo and Pagination.

The only other CSS I have is related to fields within the form. If I put a smaller Logo in the form, the Pagination looks fine, but again its just that it is attached to the same line/right of the logo.

0 0
replied on June 19, 2020

Did you adjust the logo size with CSS or the Themes/Customize settings?

0 0
replied on June 19, 2020 • Show version history

Themes/Customize settings. I can make it smaller/less px but I like the look of the logo spanning the width of the page.

0 0
replied on June 19, 2020 • Show version history

There has to be something else about your CSS affecting things. I just tested and I couldn't reproduce the issue, the dropdown and title just automatically moved below the logo.

On top of that, I only had to make the title height bigger than the image height and after that it automatically expanded to fix the logo and dropdown, which makes me suspect your other CSS may be causing an issue somehow.

I'd suggest temporarily removing all of your CSS to see if it still does the same thing, and if it doesn't, gradually add it back a piece at a time to find the culprit.

0 0
replied on June 19, 2020

I removed everything from the CSS field and it still has the same issue.

0 0
replied on June 19, 2020

Try doing a full refresh, using Ctrl-F5 or Shift-F5. Or try in a different browser/incognito tab. CSS tends to get cached so your form may be using some old code that you removed.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...