Remove and change lines in the adelle theme

• 

  mausilee · Member · Oct 30, 2014 at 2:20 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I would like to change the lines between the widgets in straight lines (instead of zigzag) and change color. Can you help me with the css?
  And I would also like to change the lines between the posts into one thin straight line and also in another colour.
  Is there something like an overview for possible CSS changes for adelle? Or do I have to search the forum and support all the time and ask here if I dont find what I’m looking for?
  Thanks a lot!
  Sandy

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

• 

  nizamilputra · Member · Oct 30, 2014 at 3:05 pm

  • Copy link

  Hi there,

  Let me try to help you;

  I would like to change the lines between the widgets in straight lines (instead of zigzag) and change color.

  Here is css:

  .widget{
     background: none;
     border: 1px solid #FD7928; //replace #FD7928 with color you want
  }

  And I would also like to change the lines between the posts into one thin straight line and also in another colour.

  Here is css;

  .hentry:after, body.single .content-area:after{
     border-bottom: none;
  }
  
  .hentry:after, body.single .content-area:after, .hentry footer:after, body.single .site-content:after {
     border-color: #FD7928; //replace #FD7928 with color you want
  }

  I hope it will helps you.

• 

  mausilee · Member · Oct 30, 2014 at 3:57 pm

  • Copy link

  Oh wow! Thank you very much, worked all well! :-D
  Maybe I ask you for two other CSS Codes?! Can you tell me how to move the main menu in the middle under the header? And how can I remove or hide the row under the title of each post, in German it is “veröffentlicht in XXX (category)”.
  Thanks a lot in advance!!!

• 

  nizamilputra · Member · Oct 31, 2014 at 1:42 am

  • Copy link

  You mean make the menu center? If so, just try this css;

  .navigation-main li{
     float: none;
     display: inline-block;
     *display:inline; // for IE 7 below
     *zoom:1; // for IE 7 below
  }

  You can remove it by add attibute display: none;

  .entry-date{
     display: none;
  }

• 

  mausilee · Member · Oct 31, 2014 at 10:34 am

  • Copy link

  worked! Thank you very much!