1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 How to disable horizontal scroll bars in some blocks?

Discussion in 'Styling and Customization Questions' started by +DS_DV+, Nov 25, 2014.

  1. +DS_DV+

    +DS_DV+ Active Member

    Hi,
    i want to disable horizontal scrollbars in my TeamSpeak 3 blocks i created with BD Widget Framework!

    you can see one on the home and one on the forums page of my website https://allaround.cc/

    so does someone of you know where to put wich code to make it work?

    it should look like this
     

    Attached Files:

    • css.jpg
      css.jpg
      File size:
      380.6 KB
      Views:
      14
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Try overflow hidden rather than overflow scroll.

    It depends on the content and how it is rendered though.
     
  3. +DS_DV+

    +DS_DV+ Active Member

    its an iframe :/

    i made an advanced template block and link a teplate where the iframe code is stored
     
    Last edited: Nov 25, 2014
  4. +DS_DV+

    +DS_DV+ Active Member

    Hm.. i still dont got this fixed :(
    any new ideas ?
     
  5. Dylan V

    Dylan V Well-Known Member

    Hi,

    Add this to "EXTRA.css":
    Code:
    .devmx-webviewer .channel_norm,
    .devmx-webviewer * .channel_norm
    {
        overflow-x: hidden;
    }
    Screenshot_1.png
     
  6. +DS_DV+

    +DS_DV+ Active Member

    I added it to my Theme under Appearance>Styles>Soft Responsive Grey Oragne EXTRA.css

    but it dont work for me :(
     
  7. Dylan V

    Dylan V Well-Known Member

    You want to remove this?

    Screenshot_1.png
     
  8. +DS_DV+

    +DS_DV+ Active Member

    Yep exactly i also tired coppy your code into wf default extra css but it also didnt work :/
    sorry im a noob with websites :(
     
  9. +DS_DV+

    +DS_DV+ Active Member

    Im in XF 1.5 now and it still wont work :(

    i added the
    Code:
    .devmx-webviewer .channel_norm,
    .devmx-webviewer * .channel_norm
    {
        overflow-x: hidden;
    }
    stuff nothing changed :(


    has anyone another idea?
     

Share This Page