Questions on customizing Help Center header

Répondu

4 Commentaires

  • Jessie Schutz
    Zendesk team member

    Hi Carlos!

    In your Help Center, go to the black toolbox in the lower right corner. Click Customize design. In the Theme Editor, click the dropdown and select Header. This will display the HTML code for your Header. That should get you started!

    Please let me know if you have any other questions!

    0
  • Carlos

    Hey Jessie,

    Thanks for the reply, working with my coworker she figured out how to move the logo all the way down. At first when padding got change it was also moving the Search bar, so she broke it up into different parts and now able to get the logo all the way to the bottom. I attached the screenshots of the 2 parts of the code that were modified for the community to share.



    0
  • Carlos

    My Other Header issue is when i first loaded my background image it would not resize with the web browser. I added another new cleaner image and now it resizes to the browser. Don't know why it does it now, but anyways... I was able to move the search bar all the way to the right, but i cant figure out how to resize with the browser, Also i can move Search bar right, left and down, but cant get it to move up any more.  Please view the attached image and code.

    As always am new to coding and the last couple of days i have learned so much based on the community help.

    Thanks,

    Carlos

    /* ====================================================
       Sub Nav
       ==================================================== */
    .sub-nav {
      margin-bottom: 15px;
    }
    .sub-nav form {
      display: none;
    }

    .page-header {
      border-bottom: 1px solid #eeeeee;
      margin-bottom: 30px;
      min-height: 30px;
      padding-bottom: 15px;
    }
    .page-header > * {
      display: table-cell;
      vertical-align: middle;
    }
    .page-header > *:first-child {
      width: 100%;
    }
    .page-header + p {
      color: #bebebe;
      margin: -15px 0 20px 0;
    }
    .page-header h1 {
      font-size: 20px;
      font-weight: 400;
    }

    /* ====================================================
       Content frame
       ==================================================== */
    .header-inner, .footer-inner{
      /*margin: 0 auto;
      padding: 0 20px;*/
      width: 980px;
      padding-top: 250px;
      padding-left:50px;
    }

    .header-search {
      margin: 0 auto;
      padding: 100 0px;
        width: 2100px;
    }

    main {
      margin: 0px auto 0;
      padding: 0 10px;
      width: 987px;
    }

    0
  • Jessie Schutz
    Zendesk team member

    Hi Carlos!

    I'm so glad you were able to get it figured out, and that we've helped you learn some new things. :)

     

    0

Cette publication n’accepte pas de commentaire.

Réalisé par Zendesk