Home>Support>How can i edit the code for the Page Builder Home template?

How can i edit the code for the Page Builder Home template?

By Jason Maynard, 8 years ago. Last reply by Alex S, 8 years ago.

I am trying to add a few blocks of code to the Site Builder Home template for my site Allurice.com but I can’t seem to find it in the themes folder or the plugin code editor. I am trying to add the code for a banner above the header on the vantage theme.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Jason,

    As you’re a Vantage Premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on this page. Please reference this thread.

    Just to clarify, is it before the navigation (the grey bar) or the “join generation luxury” meta slider. If it’s the former you’re unable to do that without editing a file as that image is separate to the actual homepage content. I personally would recommend placing the meta slider onto your homepage by navigating to WP AdminAppearanceHome Page and then disabling the homepage slider by navigating to WP AdminAppearanceTheme Settings and then find and set Home Page Slider to none.

    If you would like to directly edit the file please ensure you use a child theme. Here’s a basic child theme for Vantage already set up. Copy header.php from the parent theme files into your child themes directory and place the following PHP before the following line:

    <?php vantage_render_slider() ?>

    	<?php if(is_front_page()): ?>
		PLACE BANNER CODE HERE
	<?php endif; ?>

    Please note that as you’re using the full width layout this section will be outside of the base page styling so you’ll need to set a background and such.

    Let me know if this helps.

  2. 8 years, 4 months ago Jason Maynard

    Alex,
    Your method of inserting the banner worked perfect, but I cannot get any CSS to make it stretch full width. It is still http://www.allurice.com . If you could take a look and give me any ideas to fully stretch this image similar to how the other images on the page are.

    p.s. I greatly appreciate the service and generally high quality of the site origin products i’ve used thus far and if you have any more information on other product offerings I would like if you could email it to me. Private Snippet

  3. 8 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Jason,

    Thank you for the kind words! :) I would recommend subscribing to our newsletter (click the newsletter menu link at the top of the page) if you want to keep informed about new products. We’re actually going to be releasing one very soon that I think you’ll be very interested in. :)

    You can fix this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .banner img {
    width: 100%;
}

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More