[Resolved] A few layout issue I have…

[Tom]

You’re welcome 🙂

[Mathieu]

Hi Tom,

Two other questions :

1) I unchecked « Display padding around images » in the blog module but the featured image is not 100% on mobile.

See https://prnt.sc/n57mfi

I would like the image to be 100%.

2) I am a huge fan on Ajax Search Pro and I need to integrate it on my site.
I could put it in the sidebar, or I could use a header widget and put the shortcode there.

But it would take too much space, the best would be to be able tu run shortcode [wd_asp id=3] into the box that open when we cick on the magnifying glass.

Best regards,

[Tom]

1. Is the image wide enough to fill the entire width?

2. I’m not too sure what you mean? Any examples?

[Mathieu]

1) Yes, it is big enough and it does the same with every images. Here’s a link : https://coupestanley.com/des-nouvelles-de-tim-bozon

2) Ajax Search is a plugin that allows a much more user-friendly search experience for user. It kind of skip a step in the process and has increase pageview per visit on my network of sites.

However, I can’t seem to make it works inside the built-in GP-main-menu search.

Here’s a screenshot of where I need it to be. (https://prnt.sc/n5i8av)

I would need to hook in that spacebar and put a shortcode in it, if that makes sense.

Regards,

[Tom]

1. Weird, try adding this:

@media (max-width: 768px) {
    .one-container.right-sidebar.post-image-aligned-center .no-featured-image-padding div.featured-image {
        margin-right: -30px;
    }
}

2. You could try something like this:

add_filter( 'generate_navigation_search_output', function() {
    return sprintf( // WPCS: XSS ok, sanitization ok.
        '<form method="get" class="search-form navigation-search" action="%1$s">
            %2$s
        </form>',
        esc_url( home_url( '/' ) ),
        do_shortcode( '[your-shortcode-here' )
    );
} );

Not sure if that would work with the HTML that shortcode outputs, but worth a shot.

[Mathieu]

Hi Tom,

1) Nah… It doesn’t work. I kinda have a big phone tho.

2) Geez you’re really a master at that. It did work at first try but it was a bit of a hassle to customize the plugin to fit the theme and it’s kind of an heavy weight plugin, so I coded a much much much much lighter version of it that does integrate perfectly with your nice theme.

Have a nice weekend,

Regards,

[Tom]

I just adjusted the CSS above – can you give it another shot?

[Mathieu]

Working. Thanks!

[Tom]

You’re welcome 🙂

[Mathieu]

Hi Tom, me again, oops 😉

I am using the Header widget space to position an ad for my website but 970×90 ads are getting shrinked even though it has plenty of space.

See screenshot : https://prnt.sc/ncdyh9

How could I stretch out the zone so that I can use the space and also center it?

Also, is there a way to hook straight up into that widget space in php (without using widget?)

Kindest regards,

[Tom]

Hi there,

Try this:

.header-widget {
    max-width: none;
}

You can hook into that area using the generate_before_header_content or generate_after_header_content hooks.

Let me know if you need more info 🙂

[Mathieu]

Hi Tom, it works for enlarging the zone.

However, generate_before_header_content if too early and generate_after_header_content is too late.

I would need a generate_rightthere_header_content?

If that makes sense.

[Tom]

Where exactly are you trying to add it?

[Mathieu]

At the same place of the widget, not before or after.

Thanks

[Tom]

The widget area would be added to generate_before_header_content. Anything added to that hook will appear immediately before the opening header widget element.

It’s not possible/needed to hook into the header widget element, as that’s where the widgets themselves are added.

[Author]

Posts