How can I set a fixed page width?

  • Resolved myhero

    (@myhero)


    8 years, 3 months ago

    Hi,

    I’m looking for the setting to set a fixed page width, where do I find it?

    I’m need to adjust the width because the masonry has problems adjusting to on different screens and sometimes just shows as giant blocks one below the other on the home page.

    > If there is not setting within theme options, how can I set this manually and correctly in the css of my child theme?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter myhero

    (@myhero)

    Even if just for the homepage and not the entire site

    Thread Starter myhero

    (@myhero)

    So, Ive edited the the main CSS width from 100% to 1000px to test only but now it won’t go back to 100% it’s stuck at 1000px. I’ve added !important to the width but that didn’t work either.

    Please help as the website looks horrible now.

    /* -- Repeating Styles */
.top, .top.logo-image, .menu-wrap, .sm-container, .container, .footer-wrap {
	/* Same Style */
	position: relative;
	width: 100%  !important;
	max-width: 1800px;
	margin: 0 auto;
}
    Thread Starter myhero

    (@myhero)

    So it came right after a long time, had to wait for it.

    What is a ‘safe’ max width that wont cut-off?

    Theme Author acosmin

    (@acosmin)

    You can put the code as it was. Also, when you do modifications to a website disable any caching plugins. You will not be able to see changes in real time.

    You can try something like:

    body { width: 100%; max-width: 1500; margin: 0 auto; }

    Thread Starter myhero

    (@myhero)

    Thanks @acosmin

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How can I set a fixed page width?’ is closed to new replies.