cleancoded

Add this snippet in functions.php file and change the database query according to your requirements.

Note: Please take functions.php backup before working on it because a simple mistake can affect the whole site.

This is probably doable, but without an example site, it’s hard to provide specific CSS that will make the updates you want.

Generally, my approach to this issue would be to review the sites to see if there are common elements or classes being used that you can override with global CSS.

To review this, in Google Chrome, open the page with the text you want, right click on the text that you want to update, and click “Inspect.” Take a look at the code around the text to see if the text elements are using the same elements or classes, then create some custom CSS utilizing the fonts and sizes you want.

You can modify the search query at searching time. Please try with this hook function and query :

add_action('pre_get_posts', 'modified_search');
function modified_search($query){
    global $wp_query;
    if($query->is_search){
        global $wpdb;
        $original_query = get_search_query();
        $modified_query = preg_replace("/(s|S)/", "$", $original_query);
        $new_query = "
            SELECT $wpdb->posts.ID
            FROM $wpdb->posts
            WHERE $wpdb->posts.post_status = 'publish'
            AND (($wpdb->posts.post_title LIKE '%$original_query%') OR ($wpdb->posts.post_content LIKE '%$original_query%') OR ($wpdb->posts.post_title LIKE '%$modified_query%') OR ($wpdb->posts.post_content LIKE '%$modified_query%'))
            ORDER BY $wpdb->posts.post_date DESC
            LIMIT 0, 10
        ";
        $results = $wpdb->get_results($new_query);
        $post_ids = array();
        foreach ($results as $post_id){
            $post_ids[] = $post_id->ID;
        }
        $query->set('post__in', $post_ids);
    }
}

• This reply was modified 7 years, 7 months ago by Steven Stern (sterndata).

And your site URL is set to a https version of your domain?

If yes, can you try disabling and reenabling XML Sitemap? From WordPress backend, go to SEO > Sitemap XML and disable, save, then reenable and save.

I have found the carousel, it’s from YouTube.

Your homepage is embedding an iframe code from YouTube:

<iframe id="mbYTP_onetone-youtube-video" class="playerBox" style="position: absolute; z-index: 0; width: 1587px; height: 893px; top: 0px; left: 0px; overflow: hidden; opacity: 1; user-select: none; margin-top: 0px; margin-left: -50.5px; transition-property: opacity; transition-duration: 1000ms;" frameborder="0" allowfullscreen="1" allow="autoplay; encrypted-media" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/U-eevbYmugc?modestbranding=1&autoplay=0&controls=0&showinfo=0&rel=0&enablejsapi=1&version=3&playerapiid=mbYTP_onetone-youtube-video&origin=https%3A%2F%2Fwww.sea-trek.com&allowfullscreen=true&wmode=transparent&iv_load_policy=3&html5=1&widgetid=1" unselectable="on"></iframe>

The YouTube URL is adding a div when the video pauses, which can happen for a variety of reasons. I found it’s easiest to recreate this issue when right clicking and clicking “Inspect” in Chrome, the video pauses, and you can consistently see the carousel.

The div looks starts like this:

<div class="ytp-pause-overlay ytp-scroll-min ytp-scroll-max" data-layer="4" style="">

So, theoretically, you just need to display: none; that div, but it’s in your iframe. And not the same domain, so that will be challenging.

Perhaps there is a setting from YouTube that you can disable the “more videos” pause overlay?

Otherwise, this appears to be the right path for resolving this issue — I tried a variety of suggestions I found here, and they didn’t work by forcing styles into Chrome’s inspect tool, but you likely have more control at the page level than I do on the front end:

https://stackoverflow.com/questions/44027851/how-to-remove-pause-menu-class-ytp-pause-overlay-from-youtube-embed

Loading fine here — tried loading your site in Safari, Chrome, Firefox and Opera on a Mac, and Chrome, Firefox and IE on a PC.

To hide your logo image on screen sizes 600px wide and smaller, add this custom CSS (Appearance > Customize):

@media only screen and (max-width: 600px) {
    img.custom-logo {display: none;}
}

To change the toggle navbar color, add this custom CSS:

.navbar .navbar-toggle {background-color: red;}

Updated display should look like this:

View post on imgur.com