setting class to overflow and scroll [on specific module]

This topic contains 6 replies, has 2 voices, and was last updated by  robertlo 6 years, 6 months ago.

Author Posts

robertlo

I am trying to give make a “module” in the theme I’m using (Beaver Builder) a fixed height and make it scroll because it’s content will be longer than the height of the module.

Their theme support says:

Then you will want to give it a custom class and style that class to have a fixed height and also use the CSS property “overflow” (without quotes) and use the “scroll” value (without quotes).

Can I do this in MT?


Sebastian

Hi Robert, yes you can do this in Microthemer. The height property can be found in the Dimensions property group. And the overflow property can be found in the Behaviour property group.

Cheers,
Sebastian


robertlo

What about the “scroll” setting they mentioned?


Sebastian

scroll is the value you can select from the overflow property dropdown menu.


robertlo

Very nice. I got it perfect.

Now, is there a way to style the scroll bar itself, so it’s not that standard 1995 windows grey? lol


Sebastian

Unfortunately you can’t customise native browser scrollbars with CSS. Do do that you would need to get your hands dirty with JaveScript using a solution like this one: http://manos.malihu.gr/jquery-custom-content-scroller/

Cheers,
Sebastian


robertlo

Thx for the tip!

You must login or register to reply to this topic.