ADELLE – Theme Question

• 

  chambersdesignstudio · Member · Mar 13, 2014 at 4:08 am

  • Copy link
  • Add topic to favorites

  Hi!

  I am new to CSS and managed to do a couple things but need help with the following –

  I tried finding answers on the forums, found some, came close for others but now I’m just frustrated and need a little help :)

  http://thedesign-diaries.com

  1 – The theme has a “ribbon” like shape for menu bar, can I remove the ribbon bar? Or just make it white so it’s not visible?

  2- Is there a way to center the menu bar items? If so, how do I do that and make the text black?

  Thank you!! Your help is much appreciated!

  Amanda

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

• 

  hfzrhmn · Member · Mar 13, 2014 at 4:21 am

  • Copy link

  Hello, try the following CSS:

  /* Hide the ribbon */
  .navigation-main {
  	background: #fff !important;
  }
  .navigation-main:before,
  .navigation-main:after {
  	display: none;
  }
  
  /* Change menu bar item color to black */
  .navigation-main ul li a {
  	color: #000;
  }
  
  /* Center the menu bar items */
  .navigation-main ul {
  	text-align: center;
  }
  .navigation-main li {
  	display: inline-block;
  	float: none;
  }

  My CSS above assumes that you want to keep current page’s menu item color, while the rest of the menu item is black.

  If you want the current page menu item to be black also, add

  .navigation-main ul li.current-menu-item a {
  	color: #000;
  }

• 

  chambersdesignstudio · Member · Mar 13, 2014 at 4:25 am

  • Copy link

  Thank you so much!! I really appreciate the help!

• 

  hfzrhmn · Member · Mar 13, 2014 at 6:16 am

  • Copy link

  You’re welcome!

• 

  jainajethwa · Member · Mar 14, 2014 at 10:42 am

  • Copy link

  This is very useful and thank you for sharing this.

  I also have the Adelle Theme and am having trouble in removing the wavy lines under each section i.e follow me on facebook, follow me on instagram etc.

  Is someone able to advise how i can remove these lines please

• 

  jainajethwa · Member · Mar 14, 2014 at 12:02 pm

  • Copy link

  Also does anybody know how to change the colour of the text where it states follow us on facebook, instagram etc.

  Many Thanks

• 

  thesacredpath · Member · Mar 14, 2014 at 4:46 pm

  • Copy link

  I see you have gotten the wavy lines replaces with a straight black border line.

  On the widget titles, there are two types. I see you have the code in your custom CSS to change the non-link widget titles with this:

  .widget-title {
      color: #660066;
  }

  To change the color of the link style widget titles (such as the follow us in facebook title) add the following and adjust the color as desired.

  #secondary .widget-title a {
      color: #CC0000;
  }

• 

  jainajethwa · Member · Mar 14, 2014 at 5:03 pm

  • Copy link

  Thank you very much that’s very useful

• 

  thesacredpath · Member · Mar 14, 2014 at 6:10 pm

  • Copy link

  You are welcome.