lukefive

I did not think I had added new plugins on this site. However, when I turned all the plugins off and then back on, this display problem fixed itself.
Next time I’ll just try that first.
user error?

Plus, thanks for the tip about Health Check.

We have lost too much time tinkering with this. Our client really wants their logo in the subtitle area. I may have to replace the Sydney splash page with static HTML that I can control/change.

Kharis that looked very promising. But we are having big image size problems. It wants to go full screen width. Here is what I have tried…

The jQuery:

jQuery(function($) {
if( $('.header-slider').length ){
var img = '<img src="/wp-content/uploads/2017/12/BCCI-Logo-150px-blackback2.png" style="display:block;width:150px !important;height:73px !important;margin:0 auto;" />';
$('.header-slider .slide-inner').append(img);
}
});

This CSS to our stylesheet…

div.slider img {
width:150px !important;
height:73px !important;
}

What we are actually seeing in the source…
<img src="/wp-content/uploads/2017/12/BCCI-Logo-150px-blackback2.png" style="display: block; width: 1503px; height: 731.46px; margin: 0px auto; backface-visibility: hidden; position: absolute; left: 0px; top: -112px; z-index: -1; max-width: none;">

This suggested solution worked better than I expected. You have been a big help.

Now trying variations on this, using Page ID and also regex …

function replace_subtitle($content) {
    if( is_page(511) ){
    $string = $content;
	$pattern = '(<)(p)( )(class)(=)(")(subtitle)(")(>)(<)(\\/)(p)(>)';
	$replacement = '<img src="protocol/domain/path/image.png" alt="text" />';
        $content = preg_replace($pattern, $replacement, $string);
        }       
        return $content;
}
add_filter('the_content', 'replace_subtitle');

• This reply was modified 7 years, 3 months ago by lukefive.

@lancecarr
Thanks for the details! I am getting caught up on what is happening in the world of AMP.

@clientclicks
Quick related question: I’ve seen a recommendation to install both this plugin and also the AMP plugin by Automattic. Is that common?

Wow @clientclicks that is an interesting link. Thanks so much. Like many other people new to AMP, I feel like a beta tester. Just when I thought custom CSS for mobile devices would do the job ??