White stripe on the right

• 

  samisteyre · Member · Oct 17, 2015 at 7:41 am

  • Copy link
  • Add topic to favorites

  Hello ! I’m new to wordpress & CSS and I have a problem with the theme Snaps : a white stripe appeared somehow on the right side of the website, only visible on scrolling right. I found a similar issue in this forum, and the solution was this :

  The white stripe is just an area without content caused by the maximum width of the page (or #page). To expand the width to 100% you can use this:

  div#page {
  	width: 100%!important;
  }

  I don’t know if this solution can be applied to my problem, but I can’t find a “div#page” area in my code (or I don’t know where to place it)…

  I thank you already, please excuse my english talking, I’m french ;)

  [Code removed from this thread because it broke the forum – @thesacredpath]

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 21, 2015 at 5:35 pm

  • Copy link

  Hi @samisteyre, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest posting in the Snaps Theme support page at WordPress.org .

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  If you are talking about on your main page, the Snaps theme is designed to have up to four posts going across. When you add a couple more posts, then they will show four across and be centered in the content area. Alternately you could add the following CSS which would make the images on the main page larger.

  #content article {
      width: 46%;
  }

  If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

  Child Themes
  Child Theme creation plugins
  Jetpack plugin
  Custom CSS plugins