Stopping in-line styles with the Cubic theme

• 

  scottjbatson · Member · Feb 15, 2015 at 3:02 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I just started working on my first WordPress site and overall, it’s been fun. However, I want to edit the menu on the Cubic theme so that it doesn’t take up the whole page. That is easy enough through the CSS, but the issue is that when the menu is selected the #main element is set to display: hidden in-line. My CSS can’t overwrite this since it is specified right in the HTML.

  Is there any way to keep this from happening? Can I edit more than just the CSS?

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

• 

  scottjbatson · Member · Feb 15, 2015 at 3:15 pm

  • Copy link

  Answered my own question with the !important tag.

  Applied it to the #main element

  #main { display: block !important; }

• 

  renatogarin · Member · Mar 2, 2015 at 5:21 am

  • Copy link

  Can you explain how to do it please? I am struggling with the sidebar.

• 

  scottjbatson · Member · Mar 2, 2015 at 2:30 pm

  • Copy link

  When writing a rule, use the !important tag.

  #sidebar {
     width: 30% !important;
  }

  This will keep it from being overwritten by inline styles.