Reason for needing the Code Snippet
The client wanted to display a list of past events in a scrollable column. This was easy to implement using simple css. The page layout was done with Beaver Builder, but the solution should work for any html container.
What the Code Snippet does
This css allows the content in one column in a row scroll if it is longer than the height of the column.
Here's the result:
Here's the Code Snippet
overflow-x:scroll;
Make a column, in this case using Beaver Builder and give it an ID to target a CSS selector (in this example it's highlights-scroll). Then add the following CSS to add scroll bars so the content will scroll in the x direction (up and down):
.highlights-scroll .fl-col-content {
max-height:64vh; overflow-x: scroll;
padding-right: 30px;
}
Limit search for phrases by using " " around the phrase
Subscribe to Code Snippet updates
You will get an email the morning after we post a new Code Snippet
Other Recent Code Snippets
“I never tried to prove nothing, just wanted to give a good show. My life has always been my music, it’s always come first, but the music ain’t worth nothing if you can’t lay it on the public. The main thing is to live for that audience, ’cause what you’re […]
Read MoreWordPress, how do I love thee? Let me count the ways (in 140 characters or less). (This post was viewed 76 times) in the last month.)
Read MoreThe WordPress Theme Review Team Website (This post was viewed 65 times) in the last month.)
Read MoreOnly one thing is impossible for God: To find any sense in any copyright law on the planet. Mark Twain (This post was viewed 61 times) in the last month.)
Read MoreAbbott: Strange as it may seem, they give ball players nowadays very peculiar names. Costello: Funny names? Abbott: Nicknames, nicknames. Now, on the St. Louis team we have Who’s on first, What’s on second, I Don’t Know is on third– Costello: That’s what I want to find out. I want […]
Read MorePopular Posts
Trouble moving your site to Godaddy Managed… September 14, 2015 Recently a reader raised a question in a comment to a… (2,482)
Formatting a custom number field to add commas February 9, 2020 I needed to format a number field (999,999,999), coming from… (2,091)
Growing Pains for GoDaddy WordPress Managed Hosting… March 21, 2014 Admittedly it's a new product, but currently there is no… (2,086)
A bit of PHP to preserve html formatting in standard… March 30, 2020 If you don't use the Excerpt field in your posts… (1,949)
How to add custom post types to your default RSS feed March 27, 2020 RSS readers are somewhat old school in 2020, but the RSS… (1,374)
Reader Interactions