Advice column page, portfolio setup

• 

  buddhismforteensblog · Member · Oct 9, 2016 at 5:03 pm

  • Copy link
  • Add topic to favorites

  I have the advice column page as the portfolio setup, but when you click on the topic for example, dealing with death, the whole post is on the left side. how do i fix this??

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

• 

  musicdoc1 · Member · Oct 9, 2016 at 10:18 pm

  • Copy link

  Hi,

  I don’t see the content of the Dealing With Death project displayed on the left side of the screen. Rather, it’s centered and displayed in two columns (However, if I zoom in four clicks on the latest Firefox browser (49.0.1) it becomes one column, which suggests that on small devices, such as phones and tablets, it might appear as one column by default.

  The project in question, Dealing With Death, appears to have some HTML formatting that will cause it display in columns on monitors of a certain size, with normal zoom settings. To eliminate that effect, you might try using the remove formatting button in the toolbar as described in the Remove Formatting section of the Visual Editor support page.

• 

  buddhismforteensblog · Member · Oct 9, 2016 at 11:15 pm

  • Copy link

  majority of the post is on the left side, where only paragraphs with the pictures are on the right. How to i get it so that the whole thing is in 2 even columns??

• 

  musicdoc1 · Member · Oct 10, 2016 at 1:40 am

  • Copy link

  I’m seeing a wider column on the right, not on the left. On a test site with the Orvis theme activated, I pasted a copy of your project “Dealing With Death.” It came out looking essentially the same as it does on your site when I visit it: narrow left column, wide right column.

  Also, the projects on the Orvis demo all have narrow left columns, like “Dealing With Death,” and my test project, but each of the demo projects have only images in the right column. I don’t know how that effect was achieved, but I suspect that the text content displays in a single left column instead of two columns on the demo projects because of the brevity of the text content in each case. Perhaps the text content will only proceed on to the second column if it is of a certain length.

  Since I find the same effect on your site, the demo, and my test, as described above, I presume that it is due to a design peculiarity of the theme. I don’t see any way of changing the effect with a free plan. It might be possible with CSS customization. However, there might be some optional setting that I’ve missed. Feel free to add a “modlook” tag to the sidebar of this topic to call for staff attention.

• 

  siobhyb · Member · Oct 10, 2016 at 9:31 am

  • Copy link

  Hi @buddhismforteensblog,

  @musicdoc1 is right that the smaller left hand column is a design choice made by the Orvis theme and there isn’t a built in setting to widen it.

  As you have WordPress.com Premium, however, you could use some custom CSS to override the theme’s design choice.

  Try adding the following snippet to the CSS panel of the WordPress.com Customizer:

  @media screen and (min-width: 896px) {
      .portfolio-content {
          width: 400px;
      }
  
      .portfolio-media {
          width: 400px;
      }
  }
  
  @media screen and (min-width: 1344px) {
      .portfolio-content {
          width: 600px;
      }
  
      .portfolio-media {
          width: 600px;
      }
  }

  In the above snippet, .portfolio-content defines the width of the left hand column and .portfolio-media defines the width of the right hand column.

  The first part of the snippet uses a Media Query to set both columns as 400px on screens that are 896px – 1344px in width. The columns are then set as 600px for screens larger than 1344px.

  Feel free to experiment with the above and post for the dedicated CSS forum if you’d like any further help.

  Thanks!