whole content wider

nataschaleisi · Member · Nov 10, 2017 at 9:44 pm
Copy link

Add topic to favorites
Hi, is there any possiblity via css to do the whole content of the website a little bit wider?

The blog I need help with is: (visible only to logged in users)
acesabe · Member · Nov 11, 2017 at 12:51 pm
Copy link
Hi, I’m sure you can achieve what you require however, it appears your site is a non WordPress.COM hosted one, hosted at peer1.com. Your query will get better tailored support over on the WordPress.ORG’s support forum where there will be people who can help with your WordPress.ORG site.

For more info on the differences in case it’s not clear: difference between .COM & .ORG sites .
thesacredpath · Member · Nov 12, 2017 at 7:57 pm
Copy link
Hi @thebluepassionfruit, I see you are on the WordPress.com Business plan.

For readability, the golden rule is that lines of text should be around 66 characters maximum (including spaces and punctuation. Longer than that, and the eye can have trouble moving from the end of one line to the beginning of the next.

Let’s try the following, which increase the content width from 66% to 75% and centers the content within the window.
```
.col-md-offset-2 {
  max-width: 75%;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto;
  float: none;
}
.entry-featured img {
  width: 100%
}
```
Let me know what you think.
nataschaleisi · Member · Nov 15, 2017 at 9:10 pm
Copy link
Perfect, thank you very much.

Yes this is true, it is difficult to read when it is too wide. I have therefore but a picture next to the text: https://thebluepassionfruit.com/blvnco-natural-teeth-whitening/

Just one more question: is there a way / code to use to have the pictures on the mainpage the same size as the picture in the carousel? -> The pictures in the carousel are less high than the preview pictures of the blog posts on the mainpage.

That would be great.
thesacredpath · Member · Nov 16, 2017 at 4:10 am
Copy link
Super, glad that worked.

Looking at the Olsen Theme Showcase page, under Quick Specs it says for featured images it recommends 720px wide by any height, so my suggestion would be to redo your featured images and crop them to a shorter height. We could do this with custom CSS sort of, but the effect would be less than optimal. It would be better if you did it in an image editing program so that you have control over the crop.

No items found.