[Plugin: Testimonial Widget] testimonal goes across page instead of sidebar on home page

Hi, apologies for the late reply. This is the first wp plugin I’ve made, I didn’t realise there was a forum for it!

Your site looks like it’s been hacked! Let me know when it’s back up and I’ll have a look to see if I can see the problem.

Why do you think the site looks hacked? It’s find.
https://greenbass.com/

But I can’t show you the problem because I cannot leave the plugin functional because of the problem. But what happens is that when I put the widget in the right sidebar that has the two blog posts it spans the left and the right area.

befound,

Have you played with the sidebar or testimonial widget CSS to limit its width when in the header?

The testimonial widget uses a div wrapper with class testimonialswidget_testimonials.

In your custom.css or style.css file, you might try adding a width limiter like so.

#header .widget-area .testimonialswidget_testimonials { width: 300px; }

Michael

Hi Michael,
Thanks for responding.

I don’t have the sizing problem on any other widget area other than the home right and I don’t have any problems with other pugins going beyond their borders on the home right. So it means that the top right area and this plugin are not playing nicely together.

I tried adding your suggestion and it didn’t change anything. I’m not to good with css, I can really only make minor changes to things. Do you have some other suggestions?

I’d have to play around with your theme more in order to help further.

Could you maybe turn the plugin on and then send me the home page source to review?

Michael

Thank you Michael, I didn’t want to leave the ugly looking site up on my client’s site so I added the theme to another url https://mckeefery.wordpress-sites.net/

You can see the problem loud and clear.

I also added the testimonials in another widget area on the middle left and it stays within it’s container.

befound,

There’s no CSS class home-top-right to control placement.

https://typo3vagabond.com/13163/tech/support-help/attachment/home-top-left-css/
https://typo3vagabond.com/13163/tech/support-help/attachment/home-top-right-css/

Michael

Use pw ‘help’ to view if needed.

I sent a message via your website contact form

I had the same problem. This is a problem with *your widget* not the theme. Fix the widget rather than waste peoples time on something that doesn’t work.

Could you please let us know what the problem with the widget was?

@befound

If you change one of the blogroll links on this page https://mckeefery.wordpress-sites.net/ to say “this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test “, eg the same as the testimonial, you’ll see it also stretches the whole width of the page, thus testimonials widget doesn’t behave any differently.

Please let me know if you change the text in a blogroll link and find it doesn’t stretch across the page, so I can have a look to find the problem.

Hi, If you look at the client site that is listing posts on the right widget area it dose not show that problem
https://greenbass.com

Hi,

I’ve had a quick look and I don’t know why that works, but the problem is that the <div class=”home-top-right”> has a width of 960px. Add this to your css and all should be good (100px is an arbitrary value, choose the width you actually want).

div.home-top-right {
    width: 100px;
}