Add Custom CSS to Rank Math Admin Panel

#117976
  • Resolved Arat

    3 years, 9 months ago

    Rank Math free

    Hello my friends
    Hope you’re doing well
    I wanted to add some custom css to rank math settings in dashboard (admin css)
    I have added the following function to the child theme

    add_action( 'admin_enqueue_scripts', 'rank_math_custom_admin_css' );
function rank_math_custom_admin_css() {
	wp_enqueue_style( 'rank-math-custom-admin-css', plugin_dir_url( __FILE__ ) . 'css/rank-math-custom-admin.css' );
}

    Note that, Everything works really well in everywhere. All of Custom CSS codes that added for rank math settings are working great.
    But
    None of CSS codes added for “Setup Wizard” pages works! None of them works!
    Should I add another function for loading custom CSS in Setup Wizard Pages? Could you please help
    (I’m fixing some RTL CSS issues in Rank Math settings and I really need to know it.. Please Help)
    Thanks a million in advance

Viewing 3 replies - 1 through 3 (of 3 total)
  • Uzair

    3 years, 9 months ago

    Hello,

    You can use the custom CSS like this:

    
.rank-math-header {
  visibility: hidden;
  margin-bottom: 0;
}
.rank-math-page #wpfooter {
  display: none;
}

    You can add that via any admin CSS plugin tool: https://wordpress.org/plugins/add-admin-css/

    Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.

    Arat

    3 years, 9 months ago

    Rank Math free

    Hello Dear Uzair
    Thanks a million for your reply
    But It was not the answer of my question.
    Let me explain it more

    I have a function that I sent to you in previous message. This function is correct. It works well. All of my codes in my css file ‘rank-math-custom-admin.css’ related to this function work well.

    The problem is that only the css codes are from setup-wizard page don’t work.

    For example the codes that you sent works well. because They were from rank math dashboard page.
    But the following codes do not work. because They are from setup wizard page! (They are in /wp-content/plugins/seo-by-rank-math/assets/admin/css/setup-wizard.css)

    .rank-math-wizard-body--requirements .rank-math-ui .rank-math-setup-mode .cmb-td ul li label {
    color: #f00 !important;
}
.rank-math-wizard .text-center {
    color: #f00  !important;
    font-size: 30px !important;
}

    All of my css codes are working well
    Just the codes are related to setup wizard page do not work !
    It’s Important. The language of thousands of people that are using rank math is RTL. I’m fixing its RTL CSS issues.
    Could you please help
    Thank you

    Jeremy

    3 years, 9 months ago

    Hello,

    Thank you for contacting Rank Math, and sorry for the unexpected delays and any inconvenience that might have been caused due to that.

    I am very sorry to inform you but this level of customization is beyond our help.

    However, I have forwarded this issue to our development team to check RTL CSS issues within that page area.

    Thank you

    RankBot

    3 years, 7 months ago

    Hello,

    Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.

    If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

The ticket ‘Add Custom CSS to Rank Math Admin Panel’ is closed to new replies.