How to Set Widget Width

Your style sheet has a fixed width for the .active class. See line 111 of https://www.procomputergambler.com/wp-content/themes/Polished/style.css.

If you’ll do something like .testimonials-widget-testimonial .active { width: initial; } it’ll probably return to normal.

Hmm. No luck. I put it in both as:

‘ .testimonials-widget-testimonials4 .active { width: initial; }’

and

‘ .testimonials-widget-testimonial .active { width: initial; }’

(On the widget it says ‘ .testimonials-widget-testimonials4’ is the CSS class for styling).

Is the CSS I recommended, being loaded after that of style.css?

If by ‘loaded’ you mean is it here: https://www.procomputergambler.com/wp-content/themes/Polished/style.css , then yes. (I added it on the very last line.

It had no affect though.

Please try .testimonials-widget-testimonials4 .active { width: initial !important; }

Nice. It looks like that worked; however, there is a big blue vertical bar to the right of the widget (still…as there was before).

Search your style.css file for .alert to find the background image tag. Then negate it in the code you’ve added at file bottom for the width issue.

There is no ‘.alert’ found in the site’s style.css file.

Sorry, I meant .active. Anyways, try background: none; below the width of the custom CSS.

No luck on that. I added:

‘.testimonials-widget-testimonials4 .active { width: initial !important;}
background: none;’

at the bottom.

Please try to write your CSS correctly.

.testimonials-widget-testimonials4 .active {
  width: initial !important;
  background: none;
}

Thank you for correcting it. I should have said from the start that I don’t know the CSS coding language.

Alas, still no luck. I have the blue vertical bar.

I just love folks that put !important on things to overrule everything. Sure makes life difficult.

Please try this…

.testimonials-widget-testimonials4 .active {
  width: initial !important;
  background: none !important;
}

Heh. Well here is the line up higher…

‘.active { background: url(‘images/featured_menu_selected_bg.png’) no-repeat !important; margin: 0px 0 1px 3px !important; width: 278px !important; padding-left: 25px !important; border-right-style: solid; border-right-width: 7px; border-right-color: #0084ff; }’

(Last shot didn’t work to remove the blue vertical bar by the way).

try background-image: none !important;' instead of thebackground:` line in the CSS. My tests are working, just wondering if you might also have a caching issue.