How to get rid of these scrollbars that I don't want?

  • Resolved Brainvoyager

    (@brainvoyager)


    11 years, 5 months ago

    I have a beautiful WordPress website, in my opinion.

    But I still have one issue though…

    If you look at this page https://brainvoyagermusic.com/store/ you can see seven images. On all the laptops and desktops I’ve been using (with IE and Chrome), these images have a scrollbar on their right sides. But not on my iPad. When you click on an image, you will land on the single products page. There you see exactly the same image, but now it doesn’t have that scrollbar.

    How can I get rid of these scrollbars? The images are not too big, I tried to make one a lot smaller but the scrollbar got smaller too and stayed were it was.

    I don’t like them and they shouldn’t be there.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Have you tried adding this to your css:

    .imagecol {overflow: visible; }

    or

    .imagecol {overflow: hidden; }

    Thread Starter Brainvoyager

    (@brainvoyager)

    Hi greendemiurge,

    I tried them both, but unfortunately to no avail.

    If I add .imagecol {overflow: hidden; } in Chrome’s object explorer the bars disappear.

    Perhaps you are having an issue with something else overriding the settings.

    You might try making sure that it is loading at the end of the last CSS file to load, using {overflow: hidden !important;}, and/or using Chrome’s object explorer to find the element that is doing the overriding.

    Thread Starter Brainvoyager

    (@brainvoyager)

    Hi greendemiurge,

    Will try and come back to you with the result.

    Thank you very much in advance!

    Thread Starter Brainvoyager

    (@brainvoyager)

    From the Dutch WordPress Forum I got a code snippet that solved this issue.

    I would like to thank greendemiurge again for spending his on my issue. It’s highly appreciated!

    I will put the code snippet that did the trick here as well. Hopefully it can help other people with their issues. 

    .default_product_display .imagecol{
   text-align: right;
   display: table-cell;
   vertical-align: middle;
   min-height: 50px;
   height: 100%;
   overflow: hidden;
 }

.default_product_display .imagecol img {
 display: block
 }
    Thread Starter Brainvoyager

    (@brainvoyager)

    Oh, I just forgot to check ‘resolved’.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to get rid of these scrollbars that I don't want?’ is closed to new replies.