Forum Replies Created
-
AuthorPosts
-
sapientdaisy10
ParticipantThank you!
August 19, 2020 at 1:43 pm in reply to: Make image clickable — Scroll to Result container header #29060sapientdaisy10
ParticipantYes, please go ahead and close it. Thanks again!
August 18, 2020 at 3:58 pm in reply to: Make image clickable — Scroll to Result container header #29035sapientdaisy10
ParticipantBrilliant! Thank you so much!
August 17, 2020 at 7:46 pm in reply to: Make image clickable — Scroll to Result container header #29019sapientdaisy10
ParticipantYou cannot access this content.
August 15, 2020 at 1:18 pm in reply to: Make image clickable — Scroll to Result container header #28975sapientdaisy10
ParticipantYou cannot access this content.
sapientdaisy10
Participant**SOLVED** I appreciated the hint that you gave me about having more than one search on the page and that it was probably causing the issue that I was having but I figured out a workaround that seems pretty OK. I’m adding this here in case it helps someone else.
Settings:
Layout Options > Search box layout > Hide the search… (OFF)
Theme & Styling > Custom CSS >
/**hide search bar**/
div.asp_w.ajaxsearchpro.asp_non_compact {
display: none;
}Then on the page I created this structure:
Code module for the search: [wd_asp elements='search,settings' ratio='0%,100%' id=7]
Code module beneath it for results : [wd_asp elements='search,settings' ratio='0%,100%' id=7]
sapientdaisy10
ParticipantHi there:
Thanks very much for your reply. I’m definitely getting closer to my desired result but I’m not quite there yet. I’ll send you more details tomorrow after I play around with my settings a little more.
I feel confident that we can get the results to show up in a new full width row below the search but now I am having trouble with their layout. I want them to show the Featured Image in a grid three across, without a scroll bar (much like a blog grid). I found this code (below) in the forum and it is close to working, but I can’t get the images to display correctly. I’m going to play around with that again in the morning but if you have any quick solutions, I’d really appreciate it!
.resdrg .item {
width: 33% !important;
float: left !important;
box-sizing: border-box !important;
}Thanks!
-
AuthorPosts