Canard Text Width

innebula · Member · Mar 12, 2019 at 9:53 am
Copy link

Add topic to favorites
Hello,

I find my articles width too narrow, especially when displayed on a large screen, where it would be possible to make the text larger…

I noticed that on a small/middle size screen, the content details appear below the article, but when the screen is larger, it appeard on the left. If it was possible, i would prefer that it stays below, and rather use the space on the left to make the text larger, more enjoyable to read

So I realize that there are two questions in my question : the question of the article widthm and the question of the content details…

I thank you very much for the work you’re doing here, responding to all these questions, i’ve read some posts (and unfortunately didn’t find my answers) and this is so helpful

The blog I need help with is danslanebuleuse.fr.

The blog I need help with is: (visible only to logged in users)
staff-zinnia · Staff · Mar 12, 2019 at 2:18 pm
Copy link
Hi –

I am confused. Do you want to enlarge the text size on the posts or increase the width of the displayed post area?

I find my articles width too narrow, especially when displayed on a large screen, where it would be possible to make the text larger…

It sounds like you’re referencing this view rather than the home page. Is that right?

We can look in to the CSS possibilities. The theme is already designed to be mobile responsive. Messing with that design can get complicated as things update. It can also make other size views look odd.
innebula · Member · Mar 12, 2019 at 2:27 pm
Copy link
First, thank you very much for your answer !

Yes you’re totally right, i’m referencing to this view.
It’s a bit frustrating to have this little column in a middle of a large screen, i thought that maybe it would be possible to move the share section (for example). Or to modify somehting in the CSS.

But i was afraid of the consequences on other size views, as you pointed
torres126 · Member · Mar 12, 2019 at 5:43 pm
Copy link
Hi there,

CSS does indeed allow some further flexibility with your design, including moving the share section. This code should increase the width of your posts and comments section, push down the share section to beneath the posts whilst hopefully not causing adverse effects on smaller devices.
```
@media screen and (min-width: 1380px) {
     .single .entry-content {
         float: none;
         width: 800px;
    }
     .single .entry-footer {
         margin: auto;
         width: 100%;
    }
     .single .comments-area {
         width: 100%;
    }
     .single div#jp-relatedposts, 
     .single .comments-area {
         float: none;
    }
}
```
Adding CSS: https://en.support.wordpress.com/custom-design/editing-css/

Let us know if that works for you or if you’re looking for something else. :)
supernovia · Staff · Mar 12, 2019 at 7:37 pm
Copy link
@innebula, typically as staff we don’t provide support for layout changes like this — width changes in particular can lead to various issues. But if the response @torres126 gave works well for you, perfect. :)

Thanks for that, @torres126!
innebula · Member · Mar 13, 2019 at 9:14 am
Copy link
I thank you both very much for your responses (I’m really grateful for the time spent giving precious advice !)

It seems that the code given by @torres126 works well, this is wonderful, thanks
torres126 · Member · Mar 13, 2019 at 5:34 pm
Copy link
Perfect, glad to hear! :)

No items found.