Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

How do I add a image in the header of secondary pages

headerimage
    • 7 years, 3 months ago sraspa
      Participant

      Expired

      Hello,

      How do I add a image to the header of a secondary (ie non-home page) page? Like the image on here – https://codeless.co/handel/transport/?page_id=28 . The image of the truck behind the ‘About us’. Where do I add this image?

      Thanks,

      Scott

    • 7 years, 3 months ago Mirela
      Participant

      Hello,

      That is the page header. You can add an image to it by adding a background image to the page header element.
      See screenshot: https://postimg.org/image/6r509d02t/
      Let us know if you need help with it.

      Best regards!

    • 7 years, 3 months ago sraspa
      Participant

      Expired

      So I was able to add the header image, thank you, however it’s not full screen? How do I make the header but not the content below, fullscreen?

      Also, i’m still having the top header issue (where the address and phone number are). When I go into Customize > Pages and de-select “Fullwidth Content” it pushes the header image (or slider for the home page) down and it’s not a transparent header.

      When I go back to the page editor, it keeps adding code to the top. This is one example…

      On the home page when this happens, it adds different code to the home page and pushes the slider down so it’s not transparent behind the location and phone at the very top.

      Can you help figure out why this is happening?

    • 7 years, 3 months ago Mirela
      Participant

      Hello,

      Please add this code into your Additional Css menu:

      .cl-row {
          margin-top: -45px !important;
      }

      It will make the page header start from the very top of top navigation area.
      I already replied you regarding the additional code in this other topic of yours: https://support.codeless.co/?topic=changing-top-nav-info-strange-error
      Please keep up the issue there so we won’t have any misunderstandings.

      Best regards!

    • 7 years, 3 months ago sraspa
      Participant

      Expired

      Thanks this code seems to work with keeping the header at the top.

      I’m still unable to get the header image on these other pages – https://z1u.dd4.myftpupload.com/10-reasons-choose-us/ – to be fullscreen. I don’t want the main page content to be fullscreen, just the header.

    • 7 years, 3 months ago Mirela
      Participant

      Hello,

      I see the page header element has been added inside the content block that is boxed.
      Try adding it outside the content so it will keep it’s fullwidth structure.
      See screenshot: https://postimg.org/image/avgzyvgud/
      Let us know if you still have difficulties with it.

      Best regards!

      • This reply was modified 7 years, 3 months ago by Mirela.
    • 7 years, 3 months ago sraspa
      Participant

      Expired

      I moved it from the boxed page header, to the full width row…

      But is still not displaying in fullwidth….

      https://z1u.dd4.myftpupload.com/10-reasons-choose-us/

    • 7 years, 2 months ago Mirela
      Participant

      Hello,

      The page header, was added inside the content box and therefore was by default boxed. See screenshot: https://postimg.org/image/7e3i3c2w5/
      I replaced it outside the content into a different row. Please refresh the page now.
      Screenshot: https://postimg.org/image/cj9ay87n9/

      Best regards!

    • 7 years, 2 months ago sraspa
      Participant

      Expired

      thank you

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password