CODEWITHSUNDEEP
htmlcsswordpress
abdo refky
abdo refky

Reputation: 145

WordPress article text issue

I have changed the text area by editing the max-width from 696 to 1300

    .entry-content,
.entry-summary {
    margin-top: 34px;
    max-width: 1300px;
    width: 100%;

But that made two issues

  1. The post footer on the left upper corner overlaps with it, so my text starts only after the post footer. I don't really understand what I have done, but I know that I want the text to start right next to the footer and after the footer it extended.
  2. the text can exceed the page which enable the right/left scroll. How to make the text don't exceed the page?

enter image description here I think that the problem is very clear using all mentioned above but feel free to visit the post that is in the screenshot http://www.abdorefky.com/testing-homepage-margins/

Upvotes: 1

Views: 39

Answers (2)

Rodney Zanoria
Rodney Zanoria

Reputation: 494

the reason why it went down is because when you increased the width from 696px to 1300px, it's containing div (.entry-wrap) cannot contain it anymore since its only 1272px wide. So it has to bring down that div below the footer and even add a scroll bar. May I know what you intend to do?

Upvotes: 1

Jay M
Jay M

Reputation: 140

The content div shares a CSS class with .entry-content, which appears to be overriding .entry-summary

Try updating your .entry-content CSS.

There is a padding-left: 100px; under .entry-content, which is indenting your content.

Upvotes: 1

Related Questions