Category width and blog post width issues

Posted in : Empathy
quengilar
Participant
12 July 2018 at 19:24
#55232

I recently set up my website and used the code:

@media screen and (min-width: 640px) {
.blog-single .entry-content, .blog-single .layout-fixed { max-width: 1040px; } }

to widen the blog posts so they aren’t so thin. When I did this, something happened to the media (example in this post: http://www.lforrest.com/prog/weekend-coding-project-1/) where images are too large (outside text width) and the videos did not scale up.

Also, when you click through to a categories age, it doesn’t widen the text (example: http://www.lforrest.com/prog/)

I would actually prefer if clicking on the above link (any link in the topics page) took readers to a masonry style page, similar to the blog page. Is this possible?
serkan
Moderator
13 July 2018 at 11:19
#55237
Hi, you can add this custom css code;
```
@media screen and (min-width: 992px) {
.post .entry-content > p img:not(.alignleft):not(.alignright), .post .entry-content .gallery {
    width: 100%; margin-left: 0; } }
```
One of your third-party plugins has affected the media so you can deactivate all your third-party plugins and try it again.
.blog-regular .layout-fixed You can add this parameter to the above custom css code.
Thanks
quengilar
Participant
14 July 2018 at 02:20
#55243

That code fixed the image problem, thanks.

Is there any way to make links on the topic page redirect to a list of posts in masonry format as opposed to a list format?

serkan
Moderator
15 July 2018 at 14:25
#55245

Hi, it is not possible by default.
Thanks

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Empathy - A vCard WordPress Theme

by pixelwars