Support » Theme: onetone » Onetone Theme: Content Width

  • Resolved briangagliardi

    (@briangagliardi)


    Hi, I was trying to center my text for my “about me” section and get rid of the personal information section that was on the right side. I was able to center the text and delete the personal info section but when I scale the webpage the text does not scale with it. How do I get the text to scale with the web window? I appreciate any and all help!!

    Website: brian-gagliardi.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • @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.

    Thread Starter briangagliardi

    (@briangagliardi)

    @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%;
    }
    Thread Starter briangagliardi

    (@briangagliardi)

    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.

    Thread Starter briangagliardi

    (@briangagliardi)

    I had an issue with my Chrome browser. Updated and now it is working. Sorry and thanks for your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Onetone Theme: Content Width’ is closed to new replies.