CSS customizing help with Sela theme

• 

  laurendro · Member · Mar 12, 2016 at 4:44 pm

  • Copy link
  • Add topic to favorites

  I am new to wordpress and could use a little help with customizing my site. Any help would be greatly appreciated!

  1. I found another post with the css to make the menu full width- which worked but caused a few other issues.
  – it moved all the content up and the menu bar now covers the top of all the content.
  – now in mobile view, the menu button text is force justified and it disappears when tapped on a device and stays white. I am trying to make the menu button a different color (and stay that color), centered and with the pages in the drop down to be centered. (on mobile). On desktop I would like it to stay as is.

  2. Is it possible at all to make the content background another color other than white? When I tried, it still had a thick margin of white around the text. If it can’t be done, it’s not a huge deal.

  Thanks again for any help in advance! It is greatly appreciated in this learning process.

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

• 

  charliescheer · Member · Mar 13, 2016 at 12:29 am

  • Copy link

  Hello,

  Here are a some possible solutions to your questions.

  To move the main content back down add this text to your CSS customization page

  #content{
  padding-top: 40px;
  }

  And to change the color of the content background add this text to your css customization.

  .content-wrapper{
  background-color: #000000;
  }

  To change the color of the menu button in mobile add this text.

  .menu-toggle, .menu-toggle:focus{
  background-color: #000000;
  }

  And finally to center the text in your menu on mobile add this text

  .main-navigation ul{
  text-align: center;
  }

  That should solve the problems. Let me know if you have any other questions.

• 

  laurendro · Member · Mar 13, 2016 at 5:14 pm

  • Copy link

  Thank you so much! Those fixed all the issues perfectly.