Search code examples
phpcsswordpressstylesheetdashboard

custom css styles from (within - inside) wordpress dashboard

I am looking to edit the css styles from inside the Dashboard inside of wordpress and NOT have to edit the php files if possible.

I know it is possible to edit at least some of the properties so my hope is I can edit all of them right within the dashboard.

MORE SPECIFICALLY How can I change the css states of links and submenus of a custom class? For example the a:active, a:hover, a:link etc... and ALL OF THE SUB-MENUS to custom css as well?

I have included these pictures to show you what I am trying to do and the present results.

MY CUSTOM MENU INSIDE OF WORDPRESS

enter image description here

CUSTOM CSS INSIDE OF WORDPRESS enter image description here

THE RESULTS

enter image description here

Solution

  • I am taking the time to give a little more details in gratitude for all the help I got on stackoverflow over the years, also giving a little more info for the newbies out there. We are all learning.

    Here is what worked in pictures

    1. I used Firefox and used "INSPECT ELEMENT". While on the page I did a LEFT CLICK and from drop down I chose INSPECT ELEMENT.

    enter image description here

    1. Then I clicked on the PICK AN ELEMENT icon, as seen in the picture and then I hovered over the element I wanted to edit, in this case a button in the menu. This gave me the class I needed to edit.

    2. I went into my DASHBOARD in WordPress and made this change to the code. Finally I got the results I was looking for, which I also included in the same picture as well.

    enter image description here

    Although I have not figured out how to edit the sub-menus yet I believe I am on the right track and will figure it out.

    HOPE THIS HELPS SOMEONE. :)