Column height

[chapyl]

Hi!
What a great forum. Now time for my first question here

I have a website with a inner section with three columns on my start page; with
blog feed - Facebook feed and Twitter feed

I would like to set the height to 1000px but can't find out where.
I could set the height to 1000px for the Facebook and Twitter feed (external plugins) but would like to have also the blog feed with the same height.

My website:
pylad.se

 

[chapyl]

I think I managed to fix it with CSS but I would prefer settings within Elementor if possible.

 

[Inkdbit]

Hi Chappy,

I'm having the same issue...
I want to change the column's height (image) on mobile/tablet devices. Do you think I could solve it with CSS as you did? if so would you mind sharing the code that you used? I'm not familiar with CSS at all.

Thanks a million

 

[chapyl]

I have this css code:
selector {
height:1000px;
overflow: auto;
}

 

[Inkdbit]

Hey Chapy!,

Thanks a lot, it helped me to set the height of the column but now I have to figure out how to remove the scrolling option that is showing inside of the column because of the image's size.

I appreciated your help and I will be glad if you have any suggestion.

Thank you

 

[chapyl]

I changed the scrolling bars a bit, as you can see on my website:
(Unfortunately I couldn't add link to my website due to the rules here, but my website is pylad[dot]se

I don't think it's possible to get rid of them totally (but it seems they are gone in mobile mode )

This is the css code for the inner section (with three columns)

selector ::-webkit-scrollbar {
width: 5px;
scrollbar-width: none;

}

selector ::-webkit-scrollbar-track {
background: #F7F7F7;
}

selector ::-webkit-scrollbar-thumb {
background-color: #003B2C; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #003B2C;
}


.os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
min-height: 30px;
max-height: 30px;
}
.os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
min-width: 30px;
max-width: 30px;
}