@briangagliardi I think you’re trying to get that centered text to go wider and lose some of the white space between it and the edge of the background pattern? Or do you want to scale the area with the background pattern so that it covers the entire browser window?
If you’re trying to make the lines of text go longer, then you should change the CSS for the home-container class. Going to a padding of 50px 0 would get rid of most of your gap.
.home-container {
margin: 0 auto;
padding: 50px 0;
}
If you’re trying to make the area with the background pattern go all the way across then things get a lot more complicated because your theme has a responsive design with a lot of breakpoints. I can help you with that if that’s what you’re looking for.
@cousett-
I changed the .home-container as you said but it didn’t seem to have the desired effect. When I slide the web window to a certain size, the white space adjusts, but the text remains extended. I would like the text to adjust according to the white container. Does that make sense? I wish I could attach a screenshot to show you. Thank you for your help!
@briangagliardi
You might try setting the width for the .home-container to 100%. That may make it scale the way you’re describing:
.home-container {
width: 100%;
}
The text still did not adjust after adjusting the width from px to 100%. I am confused why the text will adjust correctly for all but one of the screen widths? If I slowly adjust the page width I can see the adjustments being made except for one width factor…In that ‘width zone’ the text stays the same width but the white box adjusts accordingly.
Sorry, @briangagliardi I can’t recreate your problem. Looking on Chrome on a Macbook it scales fine at every width up to the max width of 1200 that your responsive theme is using.
What browser are you using? And what browser width is it happening at? If you can at least estimate that width (1/2 your desktop, 1/4 your desktop) that will help me to try to recreate the problem.
We’ll get this figured out.
I had an issue with my Chrome browser. Updated and now it is working. Sorry and thanks for your help!
