- This topic has 7 replies, 2 voices, and was last updated 5 years, 8 months ago by Skandha.
-
AuthorPosts
-
March 13, 2018 at 9:14 am #133375Glen PavelichParticipant
Is there any way to make the number of columns 5. This is the perfect widget for our home page, but we need 5 images in one row. We don’t want it to be 2 rows.)
See example just under the nav bar here: (Test site_ https://tangledgardenherbs.ca/tangledgardenherbs.ca)March 14, 2018 at 12:59 am #133401SkandhaParticipant@fireflywebs: There is option to select up to 4 columns in the featured content layout option. If you want the featured content layout to be 5 columns you will need to do a lot of customization using a child theme. For this purpose i suggest you to hire a customizer.
Regards,
SkandhaMarch 14, 2018 at 7:54 am #133454Glen PavelichParticipantOK – Thank you. I will play around with it.
G
August 22, 2018 at 7:32 am #152285Glen PavelichParticipantI did get the columns to be 5…. (see site now at http://www.tangledgarden.ca..
but can you assist with the responsive view for the media size 800 and 768. The columns break into 2 rows for some reason. You will see that at media size 900 they still work on one row, and at 601 they break into one column as they should. But is there a way for the 800 to 768 to maintain one row. I haven’t been able to find the css for this break.Thanks
August 22, 2018 at 7:56 am #152286Glen PavelichParticipantResponsinator shows the issue nicely as you scroll down to the 736 and 768.
August 23, 2018 at 8:47 am #152380Glen PavelichParticipantI was able to get the iPad screen size 1024 to display properly using
#featured-content.layout-four .hentry:nth-child(2n+1), #featured-content.layout-three .hentry:nth-child(3n+1), #featured-content.layout-two .hentry:nth-child(2n+1), #supplementary.two .widget-area:nth-child(2n+1), #supplementary.four .widget-area:nth-child(2n+1) {
clear: none;
}But this isn’t working for other sizes even with clear: none !important; although this change does do the trick when testing it via ‘inspect element’ wherever I find that code, for all sizes.
See the responsinator view
http://www.responsinator.com/?url=tangledgarden.caThe feature content is wrapping to 2 rows in others.
August 23, 2018 at 10:38 am #152390Glen PavelichParticipantI think I fixed it with:
#feature-post-3 .post .hentry .post {
clear: none;
}August 24, 2018 at 2:23 am #152434SkandhaParticipant@fireflywebs: Glad you were able to fix it. Also a new theme update has been released. Please update your theme to the latest version.
Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Featured Pages Columns’ is closed to new replies.