Wider Post Content not compatible with the new ALIGNWIDE and ALIGNFULL images…

  • Resolved chris1030

    (@chris1030)


    7 years, 2 months ago

    Hello Anders and all,

    I have been using this great theme for years and have done many customization.
    It worked fine until recently.

    My concern is that I want the content to be wider than the default (520px is too narrow, I’d like 620px).
    I use a Child Theme and amended the .post-inner –per some posts in this forum.

    It worked very well, until Gutenberg introduced .alignwide and .alignfull classes for images… This somehow screwed up the images/galleries alignement. On my large monitor everything looks OK, but at smaller resolutions, the images/galleries are offset to the left, outside of the post.

    I guess this is due to the way alignwide and .alignfull classes calculate the left margins. Also, as this only happens at some resolutions (not all), I guess this is caused by the breakpoints… I am familiar with CSS, but am just not sure on how to fix this.

    My guess is that when I changed the .post-inner width, I would also need to change another CSS class, but am just not sure which. I tried to experiment, but did not succeed yet…

    Can anybody assist, please?
    Thanks a million.
    Christophe

    • This topic was modified 7 years, 2 months ago by chris1030.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    7 years, 2 months ago

    Hi @chris1030,

    Add the following CSS to your child theme:

    @media ( min-width: 1154px ) {
	.post-content .alignwide,
	.post-content .alignfull {
		margin-left: -210px;
	}
}

    Let me know if that does it.

    — Anders

    • This reply was modified 7 years, 2 months ago by Anders Norén.
    Thread Starter chris1030

    (@chris1030)

    7 years, 2 months ago

    Whoa !. Thanks for your quick reply, Anders.
    I am at work now, but will try later and will keep you all posted.

    Playing around with the Firefox Element Explorer, I had indeed figured out that “margin-left: -210px” was the correct figure, but was not too sure under which min-width setting to put it… Am sure the above will help !!! I will try later (probably tomorrow).

    -Anders : By the way, a big THANK YOU for your great great themes. The right amount of white space, the well-thought minimalism, I really love them !

    -Anders, All : May you all have a wonderful New Year. I wish every users of this forum the very best. May 2019 bring you lots of fun and unforgettable moments with your loved one(s)!

    Christophe

    Thread Starter chris1030

    (@chris1030)

    7 years, 2 months ago

    Happy New Year to you All.

    —Anders : it worked like a charm, thank you. This is great and will be useful to many users, I am sure.

    I am now struggling to get the Gutenberg editor style to match my site style (customized with wider post-inner and different font & font size). I am playing around and will revert in this forum if I don’t manage (in a new post for the sake of clarity and for future reference).

    Keep up the great work. Thanks.
    Christophe

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Wider Post Content not compatible with the new ALIGNWIDE and ALIGNFULL images…’ is closed to new replies.