Page Builder 
Widgets Bundle 
SiteOrigin CSS 
Installer Adding a row in the Sela theme
I have to keep it to Front page template and not full page as the client wants the homepage to look like its on the demo site.
How can I send you a screen shot.
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
30Hi Tinap
Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.
This is a private message.
It doesn’t look like template/front-page.php outputs the content if the hero image is in use.
What page-templates/front-page.php says is if there is a featured image, use the content area and place it over the image else, use the content-page.php template to display the content.
Page Builder uses the_content(); to output its content. the_content(); is already being deployed for your hero image content. We can advise, but this is a custom development job to resolve.
If you want to use Page Builder for the home page, I recommend rebuilding it completely using Page Builder. We could use a child theme and add a new page template to simplify things. You’d use the SiteOrigin Hero widget for the first section, the whatever you want after that. Assuming we build a new home page template you could easily include the home widget area and testimonials after.
TLDR: You’d need to use a child theme, build a new home page template and replace the default Hero with a SiteOrigin Hero widget.
If you want to go down this road, let me know.
This is a private message.
It’s definitely possible with Page Builder. However, the way the home page template is constructed will output Page Builder content over the featured image. Page Builder relies on the theme’s construction to output its content so there isn’t any Page Builder control there.
Cool, let me try work this up for you quickly.
Sure, you can put the site into maintenance mode.
I have made the site offline.
Thanks a ton Andrew for your support. Really appreciate it.
No problem.
This won’t be perfect first time around, it’ll need some tweaking.
1. Go to Plugins. Make sure you have SiteOrigin Page Builder and SiteOrigin Widgets Bundle activated, we’re going to need them.
2. Download my child theme:
https://siteorigin.com/wp-content/uploads/2015/11/sela-child-custom-home.zip
3. Install from Appearance > Themes > Add New: Upload Theme > Activate. It’s totally normal for Appearance > Menu > Menu Location settings to reset when you activate a child theme. You might also see widgets drop from their widget area at Appearance > Widgets to the Inactive area. You need to redo these things. It’s quick.
4. Go to Pages > Home and remove the featured image. Also, remove the content. Assuming you have Revisions activated it’ll be easy to roll back later if you need to.
5. Click on the Page Builder tab and insert a SiteOrigin Hero widget. Just add the background image for now to test.
Instructions to use the Hero widget:
Page: Hero
Any other PB content will go under the Hero widget. Following that should be your three widgets from Appearance >Widgets > Home. And following that should be JP Testimonials.
This is a private message.
For sure :) The WordPress guide is here: https://codex.wordpress.org/Child_Themes and ours is here: Page: Child Themes. Nice to know for the future. The one I sent is done so you can look over it while reading one or both of the above…if you have time for it.
Within the child theme you’ll find style.css, there are two custom rules there. The only other customisation in the child theme is a change in /page-templates/front-page.php.
yes its working. Now need to do some tweaking. Thanks a ton.
This is a private message.
Previously, only your hero image was full width. The widgets etc. all had padding, I’ve carried this over into the child theme. If you let me know when maintenance mode is off I can take a look and try assist further with this and the size of the hero.
If possible, please, use private reply for sensitive info like site URLs, password etc. Thanks, it helps us keep the forum usable and helpful for everyone :)
please let me know when u can take a look, will make the site online.
Perhaps create an admin account for us so we can check it out when we’re online.
Hi Tinap
Would it be possible for you to create a temporary admin account for us so we can log in and take a look? You can create the account with the following email address:
[email protected]
Just navigate to Users > Add New in your WordPress admin. Enter siteorigin for the username and [email protected] for the email address. Make sure you’ve selected Administrator for the role and enabled the “Send Password” field so we receive the details.
Once we’re finished taking a look, you can delete this account. We’ll let you know when to do that.
This is a private message.
This is a private message.
This is a private message.
Also the heading in the testimonials on the homepage, like on the demo site has gone. How can I add that? It was showing before the child theme.
awaiting reply….
Apologies for the delay. I’m taking a look now. Please, don’t bump, we definitely don’t like delays like this but the bumping doesn’t help move the thread up due to forum prioritisation in place. Thanks for your help on this.
Thanks again for the wait. It isn’t possible to set the Hero height but you can use padding as I’ve done to demo it. I increased padding from 50 to 200.
I made the Hero touch the sides of the container by adding to the child style.css file:
.home .widget_sow-hero { margin: -48px -55px 0; }You can see this code at Appearance > Editor > style.css.
We can add a similar snippet for the next widget. It’s however easier to use JP Custom CSS. Go to Jetpack > Settings and turn on Custom CSS and try adding.
.home .widget_text { margin: 0 -55px; }Should do the trick :)
Awesome. Thanks a ton. Worked perfectly well.
The heading in the testimonials on the homepage, like on the demo site has gone. How can I add that? It was showing before the child theme.
One more help,
I want to add a row/widget between the 3 columns with image and text and the footer. I want a widget which has rotating testimonials. How can I do it with Site Origin Page Builder?
Hi tinap
Glad that helped.
If you go to Appearance > Editor > style.css and remove the first rule where we’re stating display: none; as the declaration. Replace the first rule with the following:
.home #primary article:first-of-type .entry-header { display: none; }Thanks.
I want to add a row/widget between the 3 columns with image and text and the footer. I want a widget which has rotating testimonials. How can I do it with Site Origin Page Builder?
Should I start a new thread?
Hi Tinap
Unfortunately, this isn’t possible without a fair amount of custom coding. This is beyond the scope of what we can help you with on the forums, but you could hire a developer to implement this for you.
We highly recommend using Codeable.
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.