Skip Navigation

[Resolved] Formating

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that the user had an issue with the select dropdown arrow where it was overlapping with the select options.

Solution:
This normally occurs if the theme has its own specific styling for the select fields and making it smaller. To resolve this you just need to make it wider with some css.

.form-inline select{
width: 37%;
}
This support ticket is created 6 years, 8 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 4 replies, has 2 voices.

Last updated by stewartE 6 years, 7 months ago.

Assisted by: Shane.

Author
Posts
#626969
pagination.PNG

I have a view which has a dropdown list for pagination. It looks a little odd - The number 1 seem to be obscured. I think it is because the select icon is over it. So I guess maybe the icon just needs to be shifted a little to the right - would you be able to tell me the CSS for doing this?

Thanks

#627089

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Stewart,

Thank you for contacting our support forum.

Would you mind sending me a link to the page so I can take a look at this for you.

Thanks,
Shane

#627831
demo.PNG
overlapping.PNG

Hi Shane

Unfortunately it is an internal intranet so I can't send you a link but basically what is happening is the select triangle is overlapping the pagination numbers. So I just need the CSS to move the triangle a little to the right.

I've had a look with developer tools and I can find the elements but nothing I do seems to affect them. If you can see in the screenshot I have attached what it looks like currently and then i've tried to mock up what it should look like

Thanks!

#627874

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Stewart,

I think this might be a conflict with your theme.

However please try this css and let me know if it helps.

.form-inline select{
width: 37%;
}

Thanks,
Shane

#628675

That did it - Thanks Shane