catlady053

Thank you @bizanimesh
As you pointed out the problem is with OceanWP.
I will ask the question in OceanWP.

I’ll mark it as resolved.

Sorry about that.
I forgot to write the code for the css I added to oceanWP.

background: none;
background: normal;
background: initial;

Thanks for your reply, MadHatter.

You are right, I changed the theme (OceanWP) to Twenty-Nineteen and the arrows appear.
I think it’s due to the following css background.

.single-post:not(.elementor-page) .entry-content a:not( .wp-block-button__link):not(.wp-block-file__button):focus:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not( .wp-block-button__link):not(.wp-block-file__button):focus:not(.wp-block-button__link):not(.wp-block-file__button){
background: rgba(255, 255, 255, 0.9);
}

If I hide this part in Chrome validation, the Jetpack style is enabled.
Attached is a picture.
Current status
(You can’t see it because of the white background, but there are no arrows.)
When background is disabled

If Oceanwp’s background is enabled, the following Jetpack styles are disabled.

.wp-block-jetpack-slideshow .amp-carousel-button-next, .wp-block-jetpack-slideshow .swiper-button-next.swiper-button-white, .wp-block-jetpack-slideshow.swiper-container-rtl .swiper-button-prev.swiper-button-white, .wp-block-jetpack-slideshow.swiper-container-rtl .wp-block-jetpack-slideshow_button-prev, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='https://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M5.88 4.12L13.76 12l-7.88 7.88L8 22l10-10L8 2z' fill='%23fff'/%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3C/svg%3E);
}

.wp-block-jetpack-slideshow .amp-carousel-button:focus, .wp-block-jetpack-slideshow .amp-carousel-button:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:focus, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause:focus, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play:focus, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:focus, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:hover {
    background-color: rgba(0,0,0,.75);
}

I tried several ways to enable the css in these two places, but it didn’t work.
What I tried.

• Add the following css to the OceanWP selector

Result:Both buttons and arrows will be hidden.

• Add !important to Jetpack selector

Result:The background colour will be enabled, but the number of arrows will increase to 4.

Can I solve this problem?
Should I ask this question in OceanWP?

Thank you for your wonderful suggestions.

@sansolo
Yes, I was trying to just run the modified section if true.

<?php if ( 'mod-date' === $section && get_the_modified_date() != get_the_date()) { ?>
                <li class="meta-mod-date"<?php oceanwp_schema_markup( 'modified_date' ); ?>><span class="screen-reader-text"><?php esc_html_e( 'Post last modified:', 'oceanwp' ); ?></span><?php oceanwp_icon( 'm_date' ); ?><?php echo esc_html( get_the_modified_date() ); ?></li>
        <?php } ?>

I was able to solve it with this syntax. Thank you.

@abhikr781

Your syntax also solved it. Thank you.
If I get an error in the future, return it to the default.

Both are helpful because I don’t need to add a new section to function.php and I can use the default modified.
When I posted a new post, I thought it strange that the publish date and modified date would be displayed, so I’m glad that it was resolve it.

Thank you for the reply @sansolo. And, thank you for presenting the documentation.

However, I have little knowledge of PHP syntax.

I would like to add this PHP to meta.

<?php if ( get_the_time('Y/m/d') != get_the_modified_date('Y/m/d') ) { 
//If the date and mod date are not the same,show modified?>
     <li class="meta-mod-date"<?php oceanwp_schema_markup( 'modified_date' ); ?>>　　　　　　　　　　　　
　　　    <span class="screen-reader-text"><?php esc_html_e( 'Post last modified:', 'oceanwp' ); ?>
　　　    </span>
         <i class="<?php echo $theme_icons[ 'm_date' ][ $icon_t ]; ?>" aria-hidden="true">
         </i><?php echo esc_html( get_the_modified_date() ); ?>
         </li>

I have to add this php to meta as well, but I don’t know how to add it.

<?php if ( 'my-meta' == $section ) { ?>
	<li class="meta-my-meta"><i class="icon-layers"></i><?php esc_html_e( 'My Meta', 'oceanwp' ); ?></li>
<?php } ?>

if ( ‘my-meta’ == $section ) → true → run a next.
if ( get_the_time(‘Y/m/d’) != get_the_modified_date(‘Y/m/d’) ) → true → show mod date.

Could you help me with this?
thank you.

Was self resolved.
I found this topic “search results for translate title” and was able to translate the part that had been translated into English in the PHP code below into Japanese.

function prefix_translate_text( $translated_text ) {

	if ( 'Search Results for' === $translated_text ) {
        $translated_text = 'Your new text here';
	}

    return $translated_text;
}
add_filter( 'gettext', 'prefix_translate_text' );

I haven’t reached a fundamental solution, but I hope that it will be resolved when the “oceanwp-jp” file is upgrade in the future.