change content width

  • thestrengthdoc

    (@thestrengthdoc)


    9 years, 11 months ago

    Is it possible to change the display area for content outside of editing the styles file manually? i’m not too code savy and don’t want to mess it up.

    i was wondering if there was any area within the customize function to change the area of all the content? I like having the navigation bar and logo span the full screen but on a wider screen display i want to limit the content of pages, posts, and the home screen slider. It seems as if there is some default value but it’s wider than i’d like. any help would be much appreciated.

    thanks,
    josh

Viewing 6 replies - 1 through 6 (of 6 total)
  • Menaka S.

    (@menakas)

    9 years, 11 months ago

    Can you please post your site url and explain what you want?

    Thread Starter thestrengthdoc

    (@thestrengthdoc)

    9 years, 11 months ago

    homepage: http://thestrengthdoc.com — when viewed on wide screen monitors the slider is full screen but the content below it is padded on either side with empty space. i’d prefer the slider to have the same amount of padding b/c at full screen it distorts some of the images

    post: http://thestrengthdoc.com/deep-squat-manifesto/ — it seems that there is some default set for width of post content but I would like to edit this because I think it would look better with more padding on either side of the content

    Menaka S.

    (@menakas)

    9 years, 11 months ago

    For the slider to have space on either sides, go to the customizer, Content->Front Page
    Under the Slider options section, uncheck Full width slider.

    For the padding on both side of post content, you can add this to your custom css.

    #content {
  width: 900px; //Adjust
  padding:0 150px 0 150px; //Adjust
}
    Thread Starter thestrengthdoc

    (@thestrengthdoc)

    9 years, 11 months ago

    thanks so much for your help!

    The first part worked great to fix the slider.

    Regarding the content width, the custom CSS worked for with width function. Editing the values for padding didn’t affect anything. The main issue I had was when using this custom CSS code the smaller width content was skewed to the left whereas without it the content is automatically centered with equal blank space on either side.

    Menaka S.

    (@menakas)

    9 years, 11 months ago

    Is the custom CSS code in place? I did not see it on your site.

    Thread Starter thestrengthdoc

    (@thestrengthdoc)

    9 years, 11 months ago

    i implemented the custom CSS code although when I saw my content was no longer centered i removed it in hopes of finding a solution that would allow me to center the content

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘change content width’ is closed to new replies.