Viewing 7 replies - 1 through 7 (of 7 total)
  • ChrisFord

    (@chrisford)

    Interesting… I’ve been trying to resolve an issue all day. The Read More link isn’t showing up on my widget. Then a few minutes ago, I discovered that the link IS actually on my page – just showing up on the left side toward the bottom of my website (which is not a sidebar, either). It’s like the Read More just wrapped outside the widget and ended up across the page. I wonder if our issues are related.

    https://myfordassociates.com/wp-content/uploads/2013/02/readmore.png

    Though… I’m also suspecting that my issue may have to do with some kind of conflict with the genesis child theme I’m using. The Read More link is formatted the way my child theme formats read-more links.

    Plugin Contributor Michael Cannon

    (@comprock)

    Looks like you’ve both not updated for a while.

    @peterash, the problem is that your theme is styling .hentry. See line 116 of styles.css.

    .page .hentry, .single .hentry {
      width: 620px;
      float: left;
    }

    If you add an entry like the following, you should be fine.

    .hentry . testimonialswidget_testimonial {
      width: 100%;
    }

    @chrisford, probably similar issue.

    Plugin Contributor Michael Cannon

    (@comprock)

    @chrisford, .more-link is display: block; You might try the following to fix.

    . testimonialswidget_testimonial .more-link {
      display: inline;
    }

    For you and others, weird presentation issues like this are almost always related to theme CSS. Use your browsers right-click Inspect Element option to trouble-shoot.

    Thread Starter peterash

    (@peterash)

    Hi Michael! It’s still not working. I’ve played with the inspect element, and I’m usually pretty good at this stuff, but for the life of me I can’t figure it out.

    Do you know what changed in the update that would affect this?

    -P

    Plugin Contributor Michael Cannon

    (@comprock)

    @peterash,

    My testing shows that the following CSS update should do the trick.

    .hentry.testimonialswidget_testimonial {
      width: 100%;
    }

    You might try placing it after the .hentry CSS entry in your wp-content/themes/jpmm/style.css file.

    Do let me know if you’re still having trouble.

    The fun styling is coming in because of get_post_class. That adds the class .hentry besides other classes regarding post type, categories and tags. I’ve added a TODO to create an option to remove the .hentry.

    Thread Starter peterash

    (@peterash)

    You’re the man! Thank you very, very much!

    Plugin Contributor Michael Cannon

    (@comprock)

    Wonderful news to here. ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Upgraded and new width issue’ is closed to new replies.