need help with weebly html/css coding?

[Toon]

Dear,

Could somebody help us with some html/css coding on our new website. At the moment you can visit our new website here: zwerm.weebly.com

1. On the homepage we would like to remove the white section in between the big header picture and the footer.

2. On the 'projects page' we would like to have the possibility of 'horizontal scrolling'. We would like to add more projects in this horizonal row so you can scroll (horizontally) through all our projects and trough time.

thanks for the help,

Toon Callier

[BJ5]

Add this to the Header Code field for your home page on the Pages tab (Pages > Home > SEO Settings > Header Code)

<style>
	.main-wrap
	{
		display:none !important;
	}
</style>

Add this to the same field for your projects page (this will apply to the whole content area):

<style>
	.main-wrap .container
	{
		overflow-x: scroll !important;
		overflow-y: inherit !important;
	}
	
	.main-wrap .container > .wsite-section-elements
	{
		width: 200% !important;
	}
</style>

Feel free to make that 200% bigger or smaller depending on how much content you add. Also, keep in mind these won't apply in the editor but will on the live site, so it won't look quite the same while editing.

[Toon]

Dear BJ,

Thank you so much! It all worked very well!

If I may ask 2 more similar questions? 

This horizontal scrolling code applies to the 'main content section'. Would it be possible, for in case of our caledar page to apply this code to the header?

I tell you why; On this page we like it that our background picture is also vissible underneath the navigation toolbar. If we use the main section for our calendar content (and backgroundpicture) the navigation toolbar turns into wite. So should I use the header for my calendar content? (in that case with a horizontal scrolling header) or should I use the main section for my calendar content? (with some coding so that my main section background picture is vissible underneath the navigation toolbar?)

other question:

on the projects page the horizontal scrolling works perfect! thnak you so much. Only the standard gallery tool only allows a maximum of 6 collums. Is their any gallery tool with more or unlimited collums? or should I rather use all independent picture next to eachother?

thank you very much,

Toon

[Toon]

Dear BJ,

You helped me out with the horizontal scrolling a few weeks ago, many thanks.

Could I ask one last question concerning the same topic?

On this page: http://zwerm.weebly.com/calendar.html we would like that if you open the page the colum of 2017 is centered and that you need to scroll to the left to see the whole 2018 colum and that you need to scroll right to see the whole 2016 and older colums.

Is that possible?

Toon

[BJ5]

This should work, although it might need a tweak to the scroll amount. Add it to that page's footer code field in Pages > pagename > SEO Settings > Footer Code;

<script>
	jQuery(".wsite-section").ready(function() {
		jQuery(this).find(".container").each(function() {
			jQuery(this).scrollLeft( 150 );
		});
	});
</script>

[Toon]

Hi BJ,

Again, thank you so much, it worked!

I've put the code in the header code (not in the footer code)

Tweeked the scroll amount a bit and now it looks perfect I think: http://zwerm.weebly.com/calendar.html

I like weebly

best

Toon

[Adam7]

Nicely done, @Toon and @BJ.

[hugo_]

Hi @BJ,

Incredible job with this, a lifesaver for me after spending the last few days trying to find a solution. I am not particularly familiar with CSS nor HTML. I am in the process of a much-needed update to my own site here: https://hugowebsterphotography.weebly.com/testingpage_01.html and have implemented your code, replacing the areas in which I had previously been using slideshows. Already a huge potential improvement in my opinion.

I wondered if it would be possible to apply this code to just a section box, meaning text on either side (above or below) would remain in place on the horizontal axis, whilst the images could be scrolled. I hope I'm being clear. Any advice on how this might be possible? 

Thank you so much regardless! Made me feel very relieved and happy today to run across this process. 

Hugo.