Q: How do I change my admin login email and password?

  • Login to your blog Dashboard
  • Go to Users > Profile

NOTE: You can only generate a new password from here. If you want to set a password as you wish, you must do it from the database.

CAUTION: Do it at your own risk. If you make any mistake it could ruin your blog.

  • Login to your hosting panel (cPanel, Plesk, etc.)
  • Go to phpMyAdmin > [click on your database name]
  • Find out and click on the ‘users’ table [tableprefix_users]
  • Now you’ll get all your user’s data here. Find out your email address and click on ‘Edit’
  • From the ‘user_pass’ row select ‘MD5’ as varchar(255)
  • Clear the ‘Value’ column of the ‘users_pass’ row
  • Write your password on the ‘Value’ column of the ‘users_pass’ row
  • Click on the ‘Go’

Q: How do I change my favicon and dashboard logo?

  • Login to your blog Dashboard
  • Go to Settings > Media
  • Untick Organize my uploads into month- and year-based folders
  • Save Changes
  • Go to Media > Library
  • Find out logo.png and cropped-logo.png files
  • Click on each of them and Delete permanently
  • Create a new logo with 512px x 512px and name it logo.png
  • Make another copy of it and rename cropped-logo.png
  • Click on Add New and upload them
  • Again go to Settings > Media
  • Tick Organize my uploads into month- and year-based folders
  • Save Changes

Alternative way –

  • Create a new logo with 512px x 512px and name it logo.png
  • Make another copy of it and rename cropped-logo.png
  • Login to your hosting panel (cPanel, Plesk, etc.)
  • Go to File Manager > [Domain root folder] > wp-content > uploads
  • Click on the Upload button
  • Upload these files
  • Overwrite Files? – [Yes]

Q: How do I change my theme’s logo, color, fonts, and others?

  • Login to your blog Dashboard
  • Go to Appearance > Customize

Here, you’ll get section-wise customization options.

Q: How do I enable/disable the Sticky Header?

  • Login to your blog Dashboard
  • Go to Appearance > Customize > Custom CSS/JS
  • Add or delete the code below:
/* Sticky Header  */
#site-header {position: sticky; top: 0; z-index: 100;}

Q: How do I enable/disable the Sticky Topbar?

  • Login to your blog Dashboard
  • Go to Appearance > Customize > Custom CSS/JS
  • Add or delete the code below:
/* Sticky Top Bar */
#top-bar-wrap {position: sticky; top: 0; z-index: 100; margin: 0px;}

Q: How do I enable/disable the Sticky Sidebar?

  • Login to your blog Dashboard
  • Go to Appearance > Customize > Custom CSS/JS
  • Add or delete the code below:
/* Sticky Sidebar  */
@media (min-width: 959px) { 
	#right-sidebar { position: -webkit-sticky; position: sticky; top: 79px; }
}

Q: How do I enable/disable the Sidebar for mobile devices?

  • Login to your blog Dashboard
  • Go to Appearance > Customize > Custom CSS/JS
  • Add or delete the code below:
/* Hide Sidebar on Mobile */
@media (max-width: 959px) { 
	.widget-area.sidebar-primary { display: none; }
}

Q: How do I change my post’s Button style?

  • Login to your blog Dashboard
  • Go to Appearance > Customize > Custom CSS/JS
  • Find out the code below and make changes
/* Button */
.wp-block-button__link {
	background: #DD3333;
	padding: 15px 25px;
	font-size: 14px;
	font-weight: 900;
	min-height: 0px;
	margin-bottom: 25px;
}

Q: How do I enable/disable the ‘Website URL Input Box’ from my post’s comment section?

  • Login to your blog Dashboard
  • Go to Appearance > Customize > Custom CSS/JS
  • Add or delete the code below:
/* Comment Box */
#respond .comment-form-author {width:50%}
#respond .comment-form-email {width:50%; padding-right: 0}
#respond .comment-form-url {display:none}
.comment-form-url {display:none}

Q: How do I enable/disable the ‘wp-admin’ as my admin login?

  • Login to your blog Dashboard
  • Go to Appearance > Theme File Editor
  • Add or delete the code below:
// REDIRECT WP-ADMIN TO HOMEPAGE

// Hook the appropriate WordPress action
add_action('init', 'bloggerzia_prevent_wp_login');

function bloggerzia_prevent_wp_login() {
    // WP tracks the current page - global the variable to access it
    global $pagenow;
    // Check if a $_GET['action'] is set, and if so, load it into $action variable
    $action = (isset($_GET['action'])) ? $_GET['action'] : '';
    // Check if we're on the login page, and ensure the action is not 'logout'
    if( $pagenow == 'wp-login.php' && ( ! $action || ( $action && ! in_array($action, array('logout', 'lostpassword', 'rp', 'resetpass'))))) {
        // Load the home page url
        $page = get_bloginfo('url');
        // Redirect to the home page
        wp_redirect($page);
        // Stop execution to prevent the page loading for any reason
        exit();
    }
}

Alternative way –

  • Login to your hosting panel (cPanel, Plesk, etc.)
  • Go to File Manager > [Domain root folder] > wp-content > themes > oceanwp-child-theme-master
  • Right-click on functions.php and Edit
  • Now add or delete the above code

Q: How do I enable/disable the ‘404 Redirection’ to my homepage?

  • Login to your blog Dashboard
  • Go to Rank Math > General Setting > Redirections
  • To enable set: Redirect to Homepage
  • To disable set: Default 404

Q: How do I hide/display the ‘Blog’ text from single blog posts?

  • Login to your blog Dashboard
  • Go to Appearance > Theme File Editor
  • Add or delete the code below:
// HIDE "BLOG" FROM SINGLE BLOG POST

function bloggerzia_disable_title( $return ) {
 
    if ( is_singular( 'post') ) {
        $return = false;
    }
 
    return $return;
    
}
add_filter( 'ocean_display_page_header', 'bloggerzia_disable_title' );

Alternative way –

  • Login to your hosting panel (cPanel, Plesk, etc.)
  • Go to File Manager > [Domain root folder] > wp-content > themes > oceanwp-child-theme-master
  • Right-click on functions.php and Edit
  • Now add or delete the above code

Q: How do I hide/display the ‘Date’ on single blog post-related items?

  • Login to your blog Dashboard
  • Go to Appearance > Theme File Editor
  • Add or delete the code below:
// DISABLE DATE ON SINGLE POST RELATED ITEMS

function bloggerzia_related_posts_date() {
return false;
}
add_filter( 'ocean_related_posts_date', 'bloggerzia_related_posts_date' );

Alternative way –

  • Login to your hosting panel (cPanel, Plesk, etc.)
  • Go to File Manager > [Domain root folder] > wp-content > themes > oceanwp-child-theme-master
  • Right-click on functions.php and Edit
  • Now add or delete the above code

Q: How do I change the ‘Disclaimer Text’ from my blog’s footer?

  • Login to your blog Dashboard
  • Go to Appearance > Theme File Editor
  • Change the code below:
function bloggerzia_after_footer() { ?>

<div class="after_footer">
<p><b>Important Notice:</b> The reviews and opinions expressed on this blog are purely our own. Any product claim, statistic, quote, or other representation about a product or service should be verified with the manufacturer, provider, or party in question. However, you&apos;re requested to verify them at your own discretion. And we won&apos;t be responsible for them. — We use affiliate links and Google AdSense for generating revenue. And we guarantee you these won&apos;t cost you extra. — We do advertise on various platforms including Google and Facebook. And we ensure you that this blog is not endorsed by or a part of them in any way. — We use cookies and pixels to track our visitors for retargeting them.</p>
</div>

<?php
}
add_action('ocean_after_footer_bottom_inner', 'bloggerzia_after_footer');

Alternative way –

  • Login to your hosting panel (cPanel, Plesk, etc.)
  • Go to File Manager > [Domain root folder] > wp-content > themes > oceanwp-child-theme-master
  • Right-click on functions.php and Edit
  • Now change the above code

If you want to change the CSS style –

  • Login to your blog Dashboard
  • Go to Appearance > Customize > Custom CSS/JS
  • Change the code below:
/* After Footer Text */
.after_footer {	
	border-top: 0.5px solid #333; 
	margin-top: 15px;
}

.after_footer p {
	max-width: 1250px;
	margin: auto;
	text-transform: uppercase;
	line-height: 1.8;
	color: #AAA;
	font-size: 7.5px;
	text-align: center;
	padding: 10px 25px 0px 25px!important;
}