Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 8, 2015 at 9:00 pm #516075
    trinachristensen

    I am recreating a clients website on the Enfold framework and I have two questions.

    1. What would be the best way to add the ‘Patient Portal’ link from the current site to the new site I am working on.
    2. I have added a heavier boarder to the header. However, is there a way to add this line so that it looks closer to previous site? (with drop shadows) I am assuming it would need to be added as a picture.

    REFERENCE SITE
    http://mo-nopain.com/

    October 9, 2015 at 3:30 pm #516509
    Yigit

    Hi trinachristensen!

    1- Seems like you have already added a widget area to your header. If you would like to make links work, please add following code to Quick CSS

    #header .widget {
    z-index: 99;
}

    2- Can you please point out the changes you would like to make?

    Cheers!
    Yigit

    October 14, 2015 at 5:38 pm #518851
    trinachristensen

    Hello Yigit,
    Yes, I added the widget area. Thank you for the extra code.

    I have uploaded a .png showing what revisions I would like to make to header. (See shadow added on top of green bar and shadow overlapping into slideshow.)

    I would also like to try and add a shadow to the exterior of the boxed layout to add a little definition. If that is possible. See .png file for reference.

    https://www.dropbox.com/s/67c42b9uu9handb/ARCH_dropshaddows.png?dl=0

    October 16, 2015 at 7:52 am #519693
    Ismael

    Hey!

    The login credentials above are not working. Please check. I tried to access the home page to check the header but it redirects me to the login page.

    Regards,
    Ismael

    October 16, 2015 at 5:48 pm #520191
    trinachristensen

    Sorry about that. Credentials should be working now.

    October 19, 2015 at 7:26 am #520743
    Ismael

    Hey!

    Please remove the #header_main’s bottom border then add this in the Quick CSS field:

    #header_main:after {
    content: '';
    display: block;
    height: 10px;
    width: 150%;
    background: #cedc77;
    left: -25%;
    position: absolute;
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 2px 2px 0px rgba(0,0,0,0.75);
    bottom: 0;
}

#header_main {
    overflow: hidden;
    padding-bottom: 10px;
}

    Regards,
    Ismael

    October 20, 2015 at 5:36 pm #521880
    trinachristensen

    The ‘#header_main:after’ bit of CSS doesn’t seem to be working for me.

    October 20, 2015 at 5:40 pm #521888
    trinachristensen

    Please ignore previous comment. I got it to work. Thank You!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header Styling (Right Header Link & Header Bottom Boarder)’ is closed to new replies.