Canard Text Width

  • Author
    Posts
  • #3281055

    innebula
    Member

    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 danslanebuleuse.fr.

    #3281180

    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.

    #3281188

    innebula
    Member

    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

    #3281271

    torres126
    Member

    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. :)

    #3281353

    supernovia
    Staff

    @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!

    #3281559

    innebula
    Member

    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

    #3281819

    torres126
    Member

    Perfect, glad to hear! :)

The topic ‘Canard Text Width’ is closed to new replies.