Harmonic – horizontal lines

• 

  mid0nz · Member · May 13, 2015 at 3:30 pm

  • Copy link
  • Add topic to favorites

  The hr tags don’t show up on Harmonic posts. On this (private) page http://stevelawesdp.com/2015/04/24/tggexplosion/ there should be a horizontal line above and below the Soundcloud player. In the WP support chat I was told I’d have to change the Harmonic CSS to make it display. (It seems weird that the theme’s CSS would hide a basic tag by default…) What code do I need?

  Is it possible to remove the horizontal lines from the News section on the front page template? If so, how?

  THANKS!

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

• 

  thesacredpath · Member · May 14, 2015 at 6:45 pm

  • Copy link

  Hi, you can stylize the horizontal rule. To change its color, you add a background declaration such as this. I included the height declaration as well in case you wish to change the thickness.

  hr {
      background: #cc0000;
      height: 1px;
  }

• 

  mid0nz · Member · May 25, 2015 at 2:19 am

  • Copy link

  Thanks so much! I was able to make the hr tags visible in posts & pages, but I still can’t figure out how to remove the lines on the Harmonic News items on the front page template. Any advice?

  Also, is it possible to remove the line under the header in the Page area of the Harmonic front page template?

  Thanks again!

• 

  mid0nz · Member · May 25, 2015 at 2:33 am

  • Copy link

  Oh I figured out how to remove the lines on the News area of the front page template with this:

  #news-section .post {
    border-bottom: 0px solid #222;
  }

  But I still can’t figure out how to remove the line under the header in the Pages area.

• 

  kathrynwp · Staff · May 25, 2015 at 5:46 pm

  • Copy link

  Give this a try and let me know if it’s what you’re after:

  .page .entry-header, .page .page-title {
      border-bottom: none;
  }

• 

  mid0nz · Member · May 26, 2015 at 4:03 am

  • Copy link

  That worked on all pages except the front page template. This is what I was looking for. Thanks!

  #para-template #slide-3 .entry-header {
  border-bottom: 0px solid #fff;
  }

• 

  kathrynwp · Staff · May 26, 2015 at 2:08 pm

  • Copy link

  Great, glad you’re set! If you need help with anything else, please start a new thread. Thanks!

• 

  kathrynwp · Staff · May 26, 2015 at 2:09 pm

  • Copy link

  p.s.

  border-bottom: none;

  is the best way to get a no-border effect in CSS. :)