Support » Plugin: Testimonials Widget » How to Set Widget Width
How to Set Widget Width
-
[topic title moderated]
I have the widget displaying right now at http://www.procomputergambler.com/ in the upper right sidebar.
I can’t figure out how to make the width of the widget different than the default. I’ve got some overflow to the right happening.
Thanks,
Tom
-
Your style sheet has a fixed width for the .active class. See line 111 of http://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: http://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, trybackground: none;
below thewidth
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 the
background:` line in the CSS. My tests are working, just wondering if you might also have a caching issue.
- The topic ‘How to Set Widget Width’ is closed to new replies.