Can results text go below image, with no padding around the image?

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Can results text go below image, with no padding around the image?

This topic contains 3 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 1 year, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #33447

    My goal is to get these vertical results to resemble the attached screenshot:

    Title and copy are below the image.

    The image and the item are both 320px wide.

    There is no padding around the sides and top of the image.

    Will this need a PHP template?

    Is there a configurable way to tell the plugin to choose a larger image? By Default, all my images seem to be scaled up from the thumbnail size.

    Attachments:
    You must be logged in to view attached files.
    #33458
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    With the vertical layout it would require a lot of customization. If I may suggest, you should try the horizontal layout instead, without the horizontal scrollbar. It will display the items in a vertical fashion without the scrollbar. Resulting in this: https://i.imgur.com/hrK4IC3.png
    If the results layout is set to block, or the results shortcode is used, then it will automatically push the content down as well, and the user can scroll the browser to view the results.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #33474

    Hi Ernest

    I think that’s going to work.

    Ignore the rest 🙂 I had a regular blog module below the results, so I was seeing the default formatting before ASP pushed it down.

    I got my formatting to work with a combination of compatibility settings, and using your CSS field as opposed to the other ways I was adding CSS.

    The Vertical settings box required a different selector to get it to lay out horizontally with your example CSS, but I figured it out.

    Resolved.

    However, when I apply any styles of my own through external CSS, they seem to be discarded when the results finish loading. I tried putting the CSS in your Theme & Styling > Custom CSS field, with the same result.

    I want to apply a text-transform uppercase to the Results h3.

    I want the Categories filters to be 100% width and flex, as you have posted elsewhere in this forum.

    With the Horizontal layout, I didn’t have the issue. The custom styles I entered stayed applied.

    I can definitely see the text-transform: uppercase having effect, then having no effect when the results are done loading.

    Inspector says that all is well and nothing is overriding the style.

    Any ideas?

    #33483
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Hi,

    Can I take a look at this somewhere?

    If the CSS rule is correct, it will apply. There must be something wrong with it for sure. Also, make sure to clear all layers of cache, just to make sure it is not affecting the outcome.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.