By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official
chapyl

chapyl

New Member
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
 
elementor official
I

Inkdbit

New Member
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
 
elementor official
chapyl

chapyl

New Member
I have this css code:
selector {
height:1000px;
overflow: auto;
}
 
elementor official
I

Inkdbit

New Member
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
 
elementor official
chapyl

chapyl

New Member
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;
}
 
elementor official

Latest posts

Other Elementor Resources

elementor official
elementor official
Top