[sloups]

I'm considering using this method:

Full Width Landing Pages in Genesis

2 Questions:
1 - Does it look like a good idea (i..e following Bill Erickson's method above)?
2- I have built a draft site already with Bootstrap, so I might use that code, but it would mean also using the Bootstrap CSS. Is it a good idea to use Genesis and Bootstrap code or should I avoid mixing the two?

Many thanks!

[sloups]

Thank you for your prompt reply.

I did remove this code and the problem persists.

So I also removed (the same but with #genesis at the start):
#genesis.content-sidebar-wrap {
width: 1400px;
}
Nothing changed.

I'm going to read about positioning (general CSS) again, as my CSS positioning skills are rusty. I just did a site with Bootstrap and it was much easier. Maybe (if I can't find another solution) a solution could be to use Bootstrap here (adding the Bootstrap css file+code), but I would have to remove some of the Genesis hooks first, which I am not familiar with.

S.

[sloups]

that's right!! Awesome, I had not realised that.

Good news. now I hope it works on the "Projects" pages as well (so I add a carousel) - It should be fine: I'll use the homepage code as well.
all the best,
Sophie

[sloups]

Hi Victor: sounds good.
I emailed them and they confirmed I can use it with custom controls. Just checking the positioning of the controls is customisable as well.

thanks!

[sloups]

I have now another issue: whenever someone clicks a link the link changes typeface for a split second, then the new page is loaded.

I removed Jetpack, it solved the issue, but removed the "Edit CSS" back-end option where I had all my CSS.

Has anyone had the same issue and can help?
thank you

[sloups]

Hi: it now works: the issue came from me missing "*." before the site's URL when linking Typekit to the website.

[sloups]

I have looked into it and I have the impression the problem might come from styles applied by the Genesis framework (?)

In this article, Bill Erickson advises to remove the styles for the main content area for full-screen homepages, using PHP. He mentions wraps in the Sample Genesis theme I'm using as well.

Full Width Landing Pages in Genesis

I (sort of) worked around the issue by adding "genesis" before the classes in my CSS. - IF anyone has advice on this, please let me know.
The image is still not at full width, so more work to come.

My css as of now:
[CSS]
#genesis.content-sidebar-wrap {
width: 1400px;
}

#genesis-sidebar-primary {
width: 200px;
}

#genesis-content {
width: 1000px;
}

#genesis-content img {
max-width: 100%;
height: auto;
padding: none;
}
[CSS]

[sloups]

Hi Victor:
Thank you so much.
I have only changed some CSS and added plugins (I just removed the Site Origin plugin that was meant to help me layout pages and might have cause the issue, although I doubt it). I am not sure what you mean by removing the wraps (I see what they are but I can't see why they'd be removed).
I have increased the size of the content area (the one I want to move left) ., but all it does is increase its size to the right, not move it to the left. I have tried this in the Sample genesis theme: I have increased the "width" of the Content element in the CSS developer tool (and decreasing the width of the sidebar on the left). This does not move the Content area to the left. I have tried using both % and px.

I am surprised by your comment on the full image. The image is a full image, (originally 1000 wide, but it is reduced to 740px when the content area is small).
I am surprised but the full-width comment a well. I suppose it's my mistake but I do not know how to fix it.

Well, thank you and wish me good luck. Still no solution.

[sloups]

I have just followed this: http://briangardner.com/typekit-fonts/
... and still no luck!

[Author]

Posts