Jump to content

Reduce clickable areas at the bottom

Featured Replies

Posted

At the bottom of every topic, blog post e.t.c there are two links with left and right arrows. These links are very useful, but their clickable areas extend on whole width of the page. So the empty area at the center is clickable to, which may confuse users and cause unintentional clicks.

563195a8cb8bf_PLeasecreateSUBFORUMSwhent

Please, make these clickable areas smaller:

5631a25e4ac78_PLeasecreateSUBFORUMSwhent

  • 1 year later...
  • Author

@Lindy any chances to fix this in 4.2?

To your custom.css file, add

.ipsPager .ipsPager_next a, 
.ipsPager .ipsPager_prev a { 
  display: inline-block; 
} 

 

  • Author

Thank you, @Colonel_mortis! Hope IPS guys will add this fix.

  • Author

These changes add another CSS problem with long topic titles:

58f5cdb62f1ab_2017-04-1816_26_13.thumb.png.3eb987e6226270903c03cc6b4c8b91af.png

3 hours ago, motomac said:

These changes add another CSS problem with long topic titles:

58f5cdb62f1ab_2017-04-1816_26_13.thumb.png.3eb987e6226270903c03cc6b4c8b91af.png

You can fix that by also adding

max-width: 100%

inside the braces in the bit you added before, so it becomes

.ipsPager .ipsPager_next a, 
.ipsPager .ipsPager_prev a { 
  display: inline-block; 
  max-width: 100%;
} 

 

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.