Premium WordPress

• 

  serialjetsetter · Member · May 23, 2019 at 6:58 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’ve just upgraded to a premium plan. I have picked a premium theme and I would like to edit the css. I don’t understand how this works. If I go to Design > Customise > CSS I see a blank box. I was expecting to see code which I could then edit.

  I only have very basic coding skills. When I go to inspect element I have been able to edit the code easily easily in order to change the colour of the navigation menu items to black and set it so that when you hover over the text it turns orange. What I don’t understand is how I put this into my wordpress site. The wordpress documentation isn’t clear and I’ve also tried using the live chat but they have been unable to help.

  Any help would be much appreciated.

  The blog I need help with is: (visible only to logged in users)

• 

  raunaqchawhan · Member · May 23, 2019 at 7:49 pm

  • Copy link

  Hi serialjetsetter

  The path that you’ve mentioned where you see the blank space is where you’ll have to add CSS to change the styling on your page. No, there’s no code in there. You can change the styling for the elements by using the proper CSS selectors.

  Try pasting the following code in the blank space to get the desired output:

  
  #primary-menu li a {
  	color: black;
  }
  
  #primary-menu li a:hover {
  	color: orange;
  }
  

  Also, you can go through this documentation and visit the links in the documentation to get an understanding on CSS.

  I hope this helps!