sysguides

Thanks

I did that for 1st image and the close button is visible now. But the hover icon won’t change now. Earlier it would change to a hand icon when the cursor is placed on the image and also the link URL would display on the status bar. They won’t show anymore. The cursor remains as an arrow pointer and the URL will not be displayed on the status bar.

Thanks. It helped.

@tobiasbg

It’s working great now. Thanks.

@sansolo Thank you very much. Really appreciate the help.

@sansolo Thank you for putting up with me. I’m not a PHP programmer, but from what I understood and did are the following:

mkdir -p oceanwp-child-theme-master/partials/single
cp -arv oceanwp/partials/single/* oceanwp-child-theme-master/partials/single/
vim oceanwp-child-theme-master/partials/single/meta.php

and for author changed from

 <?php if ( 'author' === $section ) { ?>
   <li class="meta-author"<?php oceanwp_schema_markup( 'author_name' ); ?>><span class="screen-reader-text"><?php esc_html_e( 'Post author:', 'oceanwp' ); ?></span><i class="<?php echo $theme_icons[ 'user' ][ $icon_t ]; ?>" aria-hidden="true"></i><?php echo esc_html( the_author_posts_link() ); ?></li>
  <?php } ?>

to this

 <?php if ( 'author' === $section ) { ?>
   <li class="meta-author"<?php oceanwp_schema_markup( 'author_name' ); ?>><span class="screen-reader-text"><?php esc_html_e( 'Post author:', 'oceanwp' ); ?></span>By <?php echo esc_html( the_author_posts_link() ); ?></li>
  <?php } ?>

and for modified changed from

  <?php if ( 'mod-date' === $section ) { ?>
   <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>
  <?php } ?>

to this

  <?php if ( 'mod-date' === $section ) { ?>
   <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>Updated <?php echo esc_html( get_the_modified_date() ); ?></li>
  <?php } ?>

I tried this on my local WordPress test site and it’s working superbly. If what I’ve done is correct and if you say go forward, I’ll apply it to the production website.

Thanks

• This reply was modified 3 years, 10 months ago by sysguides.

@sansolo, Thanks for the reply.

Is this for the whole site or just for blog posts? I don’t want to change icons for the whole site. I only want to change icons to text in blog posts only that too for meta under the post title.

On the webpage ‘Inspect’ mode, I can change it from .icon-user:before { content: "\e005" } to .icon-user:before { content: "By "; }.

But if I copy the same code to css file, nothing happens.

Thanks

I resolved 1st point by disabling breadcrumb in Customize -> General Options -> Page Title and unchecking ‘Enable Breadcrumbs’. Title I disabled using the CSS code:

.single h1.page-header-title {
    display: none;
}

I still need to resolve 2nd point.

Thanks

Worked like a charm. Thanks

Hi

Thanks for replying. I switched on ‘JS Combine External and Inline’ option, and now it is working fine.

Appreciate help, Thanks

Thanks

Thanks

Thanks for replying.

Noob here. I did all the steps as you mentioned. Created directories and copied social-share.php file.

-bash-4.2$ pwd
/home/xxxxxxxx/public_html/wp-content/themes/oceanwp-child-theme-master/templates/extra

-bash-4.2$ ls -lh
-rw-r--r-- 1 u271225073 o51061835 24K Dec 20 08:32 social-share.php

But nothing changed. The options I get are still the same. No ‘Email’ Share-with option. The options still available are Facebook, Twitter, Linkedin, Reddit, WhatsApp, Google Plus, Pinterest, Viber, VK, Tumblr, and Viadeo.

Do I have to add some PHP code or something like that to ‘create’ email share-with option in blog posts?

Thanks

Cool. It solved my problem. Thanks

I was using 800×450 and was wondering if it is too small.

Thanks, it helped.