Home>Support>Object on page cut off

Object on page cut off

By teamkoso, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi,

I built my site using Pitch and uploaded an application object on three of my pages. When I built the pages, these objects showed up fine even though the width of the object was 1170 pixels. When I checked one of these apps today, the app was cut off.

I am not sure if I updated the Pitch theme and that caused this to occur, but I need help in fixing it as soon as you can. Unfortunately, I do not know my way around CSS code, so can’t figure out what to change to allow for larger screen widths…

Thanks in advance for your help.

All the best,
Erik

URL: https://www.ioitools.com/basic-toolkit/fair-value-estimator/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 7 months ago teamkoso

    It is not a very elegant solution, but I found this in the CSS stylesheet…

    body {
	background: #f4f4f4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

.container {
	position: relative;
	width: 960px;
	
	display: block;
	margin: 0 auto;
}

    and I changed it to this…

    body {
	background: #f4f4f4;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
}

.container {
	position: relative;
	width: 1150px;
	
	display: block;
	margin: 0 auto;
}

    This seems to work okay…

  2. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Hi Erik

    Apologies for the delay. I feel like we might have chatted about this on another thread/email. In case we didn’t, I think that solution is 100%. To keep your customisation in an easy to manage place, perhaps paste the following under Appearance > Custom CSS:

    /* Site Container Width */

.container {
width: 1150px;
}

    Apologies again for the delay here.

  3. 9 years, 6 months ago teamkoso

    Hi Andrew,

    Thanks much for the reply and the suggestion on the code. I’m pretty technically competent and taught myself to program in a few other languages, but just know nothing about CSS or HTML coding… Your solution got me to understand a little bit about how those style sheets work. Thanks much.

    All the best,
    Erik

  4. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear all is well now.

    If you can program in any other languages then HTML/CSS will be a breeze to learn. Using your browsers developer extension with Appearance > Custom CSS is the most useful. Please see our quick video overview on this here:

    https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More