- This topic has 8 replies, 2 voices, and was last updated 6 years, 6 months ago by Tom.
October 15, 2014 at 4:49 am #39284KEvin
Hi Tom (or somebody else),
How can I make this lay-out (see URL) in this theme: Generatepress:
It is the meaning that it is a one page website, just as the picture shows. So NO navigation.October 16, 2014 at 12:43 pm #39616TomLead DeveloperLead Developer
I think your best bet would be to use the Page Header addon for the contact form/posts.
Then you can use this code to separate them into columns:
<div class="custom-top-container-area grid-parent"> <div class="grid-30"> Contact form shortcode in here </div> <div class="grid-70"> Posts in here </div> </div>
I’m in the process of developing a plugin to display posts, but it’s not ready yet, so you may have to search around for other plugins that allow you to display posts using shortcodes.
Hope this helps.October 16, 2014 at 11:51 pm #39699KEvin
You mean the contact form in the page header? Isn’t the page header too wide or do you mean I have to change the width then?
I have the contact form now in the left sidebar widget I paste the shortcode in the text widget.
The problem is that the contact form is too wide for the left side bar widget.. How can I make the left sidebar wider?
I also have the review 1 and review 2 block displayed in the footer and that worked well.
I am working on the image and text block in a post I think that works well too.
The other problem is the ‘TEXT AREA’ block. How can I get that extra text block on that position on the page?October 17, 2014 at 12:02 am #39701KEvin
”The problem is that the contact form is too wide for the left side bar widget.. How can I make the left sidebar wider?”
This was just adjustable with the element spacing add on. So this is solved.
Would appreciate if you would take some time for the other questions. Thanks!October 17, 2014 at 9:51 am #39781TomLead DeveloperLead Developer
Hmm, afraid I’m confused.
I mentioned using the Page Header because that’s what your drawing looked like.
Using the code I provided would split the page header into two different areas, so it wouldn’t be too wide for each column.
“The other problem is the ‘TEXT AREA’ block. How can I get that extra text block on that position on the page?” – I’m not sure what you mean by this?October 20, 2014 at 11:42 pm #40559KEvin
If you take a look at the picture I send, there is a block named ”TEXT AREA”. But I don’t know how to make this ‘extra’ content block. The rest of the picture is already done, but only that TEXT AREA block is missing and I don’t know how to put it there..October 21, 2014 at 10:37 am #40667TomLead DeveloperLead Developer
That text area should be your default WordPress editor if you’re using the Page Header addon for the stuff above it.
Then the reviews below that could use the footer widgets.
Let me know if that makes sense 🙂October 22, 2014 at 1:08 am #40804KEvin
Hey I know what you mean and I changed it but this how it looks like now:
This is not what i supposed to look like. It must be 2 columns, but separate. So 2 separate blocks. In the left block the contact form and in the right block the information with images (see image I send a few days ago).
Is this possible with the page header?October 23, 2014 at 12:50 pm #41276TomLead DeveloperLead Developer
Hmm, that’s actually quite difficult to do – you’ll notice not even the footer widgets are in separate blocks. I’ll think about the best way to do this.
For now, I can fix the fact that the background isn’t going all the way down – you can use this code:
<div class="custom-top-container-area grid-parent clearfix"> <div class="grid-30"> Contact form shortcode in here </div> <div class="grid-70"> Posts in here </div> </div>
Let me think about the separate container thing.. There should be a solution.
- You must be logged in to reply to this topic.