Google custom search display problem

I've just installed this plugin and it's working really well.

It's just a display problem I'm trying to iron out. So far I've spoken with the theme developer and they've really helped with some CSS additions but we just can't get the search button to display properly. (I know I could turn it off but then the search bar doesn't display across the width of my search form)

As you'll see if you to http://www.animal-shelter.co.uk and click the search icon under the menu, the search button is cut off.

If I could just iron this out (or if I could replace it with a custom search button) so it displays correctly I'd be really grateful.

Thanks.

  • Predrag Dubajic
    • Support

    Hey @k9media,

    Hope you're doing well today :slight_smile:

    I have cooked a little bit of CSS for you that will remove background from search button and show it on hover.

    input.gsc-search-button {
    	background: none;
    }
    
    td.gsc-search-button:hover {
    	border-color: #666666;
        background-color: #CECECE;
        text-align: left;
        border-radius: 3px;
    }
    
    td.gsc-search-button {
    	padding: 0 24px 0 11px;
    }

    You can use plugin like this one for this additional CSS:
    https://wordpress.org/plugins/simple-custom-css/

    Let me know if this is working for you or you had something different on your mind.

    Best regards,
    Predrag

  • Predrag Dubajic
    • Support

    Hey @k9media,

    Thanks for the screenshot, I was looking at your site in Chrome and that's why it all looked good for me, as it seems this is issue within Firefox browser.
    Let's try using this code in addition to one above and see if that works:

    td.gsc-search-button {
        width: 11%;
    }
    
    .search-style-one .search-row input {
    	width: 100%;
    }

    Let me know how it goes.

    Best regards,
    Predrag

  • k9media
    • Flash Drive

    Thanks for getting back to me.

    I tested on android device and it was just hanging. But I have since tested it on two separate android devices and a mobile emulator and everything seems to be working fine so it must have been an isolated software issue rather than a problem with the plugin.

    The site we're building at animal-shelter.co.uk is a staging environment for testing everything we're going to implement on our 2m page impressions per month site http://www.dogsblog.com -

    would you be able to assist me with this issue: http://community.mythemeshop.com/topic/27786-notification-bar-problem/

    I'd really appreciate it. We're having different outputs with the 'real' site vs the test site despite them using the same theme and plugins.

  • Predrag Dubajic
    • Support

    Hi @k9media,

    Might be also caching issue on that device, try deleting the cache and see if that helps.

    would you be able to assist me with this issue: http://community.mythemeshop.com/topic/27786-notification-bar-problem/

    Those forums are for premium members only so unfortunately I can't access it.
    But since you are using same installation on both sites I'm guessing there is some host issue you are having.
    Did you check that .htaccess and wp-config.php files are configured correctly?
    What exactly is the issue on your live site?

    Best regards,
    Predrag

  • k9media
    • Flash Drive

    Thanks.

    The issue we're encountering on the live site is that the plugin I purchased (Notification Bar), ironically with the intention to alert our users that the site was undergoing design changes, doesn't work at all in as much as the options panel is in a permanently closed position. This is along with a few other little glitches that are not present on the 'test' site. e.g. I can't exclude categories on the live site (using Category Pro plugin) but I can on the test site. Essentially everything should be the same on the live as the test site but there are little things that aren't working.

    The test site is on cheap, shared hosting (and everything works fine and as it should). The 'live/target' site is on expensive, Wordpress specialist hosting at page.ly.

    Basically we spent a week setting everything up on the test site so as to minimise disruption when we did the overnight change over, but there are these little issues I can't seem to iron out. I've raised the issue with the hosting support but I already know they're going to to re-direct me to theme/plugin developer and, to be honest, I've had much better help here any way.

    One thing I absolutely must commend is the MyThemeShop import/export function. Having moved lots of sites in the past it can be fraught, but this feature is an absolute God-send. Really helpful.

  • Predrag Dubajic
    • Support

    Hi @k9media,

    Have you tried reinstalling troubling plugins manually to make sure that there weren't issues during the import?
    You plugin settings should be saved in your database so deleting and installing them again should keep your current settings.

    If you get info from the host please let us know if there is anything we can do about it.

    Best regards,
    Predrag

  • Predrag Dubajic
    • Support

    Hi @k9media,

    Sorry for the delay here, I was away for the weekend.

    Did you manage to get any feedback from the host or plugin developers in the meantime?

    Can you grant me support access to your live site so I can check for any errors that might be causing these two plugins not to work?

    Best regards,
    Predrag

  • k9media
    • Flash Drive

    Thanks for getting back to me.

    Yes, we isolated the problem with the help of our web hosts. Apparently the plugin in question was attempting to load all of the posts on the site in the admin area (we have over 30,000 posts) so it was causing server processes to be killed.

    Developer has now patched the plugin.

    Thanks.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.