I want to make a portfolio posts carousel that is more than 4 columns.
Is this possible ? ideally 6 or even 8 . . . also need the title text to resize accordingly . .. Ive uploaded screen shots of the current config and the desired
It will be most appropriate to use the "Post Loop Builder" element to create the carousel and use a combination of custom CSS script to adjust the columns to 6, 8 or as desired.
For example, to have a 6-column carousel you may use the below code:
/* 6-Column Layout */
.nectar-post-grid[data-columns="4"] .nectar-post-grid-item {
width: 16.66% !important;
}
/* Font size styling */
.nectar-post-grid[data-columns="4"] .nectar-post-grid-item .post-heading {
font-size: 14px !important; /* It's appropriate to adjust font size as needed */
line-height: 1.3em !important;
}
I want to make a portfolio posts carousel that is more than 4 columns.
Is this possible ? ideally 6 or even 8 . . . also need the title text to resize accordingly . .. Ive uploaded screen shots of the current config and the desired
As the sites behind a coming soon.
Cheers
Jason
Attached files: posts_carousel_desired.jpg
posts_carousel.jpg
Hi there,
Thank you for getting in touch.
It will be most appropriate to use the "Post Loop Builder" element to create the carousel and use a combination of custom CSS script to adjust the columns to 6, 8 or as desired.
For example, to have a 6-column carousel you may use the below code:
/* 6-Column Layout */ .nectar-post-grid[data-columns="4"] .nectar-post-grid-item { width: 16.66% !important; } /* Font size styling */ .nectar-post-grid[data-columns="4"] .nectar-post-grid-item .post-heading { font-size: 14px !important; /* It's appropriate to adjust font size as needed */ line-height: 1.3em !important; }Give it a try and let us know how it goes.
Thanks,