Add down arrow

• 

  ezhvac · Member · Feb 1, 2017 at 5:30 pm

  • Copy link
  • Add topic to favorites

  Hi, I would like to add an arrow to show that there is content underneath my header photo. Is there a cSs I can add?

  THANKS!

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

• 

  nizamilputra · Member · Feb 2, 2017 at 7:52 am

  • Copy link

  Hi @ezhvac,

  Please try to use this css:

  .header-inner:before,
  .header-inner:after {
      content: "";
      display: block;
      width: 30px;
      height: 3px;
      background: white;
      position: absolute;
      bottom: 0;
      left: 50%;
  }
  .header-inner:before{
      transform: rotate(45deg);
      margin-left: -10px;
  }
  .header-inner:after{
      transform: rotate(-45deg);
      margin-left: 10px;
  }

  Let me know if you need another help.

  Thanks.

• 

  ezhvac · Member · Feb 2, 2017 at 1:03 pm

  • Copy link

  Thank you so much for your help. I was actually referring to an arrow where you click on it and it brings you to the lower half of the page. Is it possible to add that to the css?

• 

  nizamilputra · Member · Feb 2, 2017 at 2:21 pm

  • Copy link

  Sorry, I’m afraid it can’t be done by css.

• 

  kathrynwp · Staff · Feb 2, 2017 at 4:46 pm

  • Copy link

  While a link can’t be added with CSS as nizamilputra said, you could try opening your homepage in the editor, flip to HTML view, and below “LEADING ARCHITECTURAL MATERIAL SUPPLIER IN MICHIGAN” add something like:

  scroll down for more ↓

  If you think people won’t know to scroll.