setting class to overflow and scroll [on specific module]

Tagged: , ,

Author Posts

robertlo March 18, 2016 at 1:24 am

Heads up! this post was created when Microthemer was at version 4. The current version is 7. Some references to the interface may be out of date.

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 March 18, 2016 at 10:42 am

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 March 18, 2016 at 12:18 pm

What about the “scroll” setting they mentioned?

Sebastian March 18, 2016 at 2:19 pm

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

robertlo March 18, 2016 at 2:47 pm

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 March 19, 2016 at 9:37 am

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 March 19, 2016 at 12:09 pm

Thx for the tip!

You must login or register to reply to this topic.