Changing landing page width

Homepage › Community Forums › Guru Theme Support › Changing landing page width

Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 20, 2016 at 10:23 am #20204
    Rahul
    Customer

      Hi, I recently bought Guru theme. Loving it. But I want to customise the landing page width (I don’t really like landing pages with full width). How can I change the width and make the landing page width smaller?

      December 20, 2016 at 10:38 pm #20208
      Wes
      Moderator

        Hi Rahul,

        To make the width smaller you can add this to your CSS – 

        .landing-page .site-inner {
	max-width: 800px;
}

        …then you can adjust the width to whatever size you need.

        Let me know if that helps.

        December 20, 2016 at 10:46 pm #20209
        Rahul
        Customer

          Wow, that helped 馃檪

          Thanks so much, great job!

          December 20, 2016 at 10:52 pm #20210
          Wes
          Moderator

            You’re Welcome!

            Let us know if you need anything.

            December 20, 2016 at 10:59 pm #20211
            Rahul
            Customer

              Sorry for asking you one more question.

              Currently the landing page template doesn’t show my site’s name or logo. I tried to remove the site header elements from the landing page template (page_landing.php). It displayed my site’s logo but the alignment was on the left side. How can I align it to the center so it goes perfect with the landing page design? Here’s what I removed (I again added though).

              //* Remove site header elements
              remove_action( ‘genesis_header’, ‘genesis_header_markup_open’, 5 );
              remove_action( ‘genesis_header’, ‘genesis_do_header’ );
              remove_action( ‘genesis_header’, ‘genesis_header_markup_close’, 15 );

              December 22, 2016 at 12:28 pm #20215
              Wes
              Moderator

                Once you remove the above code, add this to your CSS – 

                .landing-page .title-area {
	float: none;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
}

                You can adjust the padding and whatever else you need from that code. If you want to remove the border from under the header then you can add this – 

                .landing-page .site-header {
	border: none;
}
              • Author
                Posts
              Viewing 6 posts - 1 through 6 (of 6 total)
              • You must be logged in to reply to this topic.