Support » Plugin: Testimonials Widget » How to Set Widget Width

Viewing 15 replies - 1 through 15 (of 24 total)
  • Plugin Contributor Michael Cannon

    (@comprock)

    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.

    Thread Starter therber2

    (@therber2)

    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).

    Plugin Contributor Michael Cannon

    (@comprock)

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

    Thread Starter therber2

    (@therber2)

    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.

    Plugin Contributor Michael Cannon

    (@comprock)

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

    Thread Starter therber2

    (@therber2)

    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).

    Plugin Contributor Michael Cannon

    (@comprock)

    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.

    Thread Starter therber2

    (@therber2)

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

    Plugin Contributor Michael Cannon

    (@comprock)

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

    Thread Starter therber2

    (@therber2)

    No luck on that. I added:

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

    at the bottom.

    Plugin Contributor Michael Cannon

    (@comprock)

    Please try to write your CSS correctly.

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

    (@therber2)

    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.

    Plugin Contributor Michael Cannon

    (@comprock)

    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;
    }
    Thread Starter therber2

    (@therber2)

    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).

    Plugin Contributor Michael Cannon

    (@comprock)

    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.

Viewing 15 replies - 1 through 15 (of 24 total)
  • The topic ‘How to Set Widget Width’ is closed to new replies.