cant change size image in widget

  • Goodmorning,

    i’ve got a widget that I resized to 400px. The image doesn’t change when I change the css code. So there is a code in the widget that blocks the image from resize.

    This is the css code from the widget:

    .category {margin-bottom: 20px;}
    .category-inn {padding-top: 10px;}
    .category-item {width: 400px; float: left; padding: 0 10px 10px 0; border-right: 1px solid #eee;}
    .category-item-photo {margin-bottom: 8px;}
    .category-item-photo a, .category-item-photo img {display: inherit;}
    .category-item-meta {color: #999; font-size: 10px; margin-bottom: 3px;}
    .category-item-meta a {color: #999;}
    .category-item-meta a:hover {color: #F50065;}
    .category-item h2 {font-size: 18px; color: #323232; margin-bottom: 5px;}
    .category-item h2 a {color: #323232;}
    .category-item h2 a:hover {color: #F50065;}
    .category-item p {color: #323232; font-size: 12px;}
    .category-list {width: 299px; padding-left: 10px; float: right;}
    .category-list li {padding: 10px 0; margin: -10px 0 10px; border-bottom: 1px dotted #eee;}
    .category-list-meta {color: #999; font-size: 10px; margin-bottom: 3px;}
    .category-list-meta a {color: #999;}
    .category-list-meta a:hover {color: #F50065;}
    .category-list-title {font-size: 12px; font-weight: bold;}
    .category-list-title a {color: #007ac9;}
    .category-list-title a:hover {color: #F50065;}

    Can anyone tell me what I need to change to make the image also the size of 400px? Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi,

    Have you tried using CSS’s !important tag? It will override the default css. Alternatively, you may have to dive into the plugin code and do some tweaking.

    Thread Starter Minou89

    (@minou89)

    I tried the !important tag, but that also doesn’t work.

    Thread Starter Minou89

    (@minou89)

    I solved it, the image is now 400px width, but now the image is streched. Maybe anyone have a tip so the image isn’t streched?

    Your theme is not one hosted at WP.org, so it’s not supported here in this forum. For general CSS, you could try CSS specific forums to get a more direct help.

    Image, in general, won’t automatically extend to its container width unless there is a responsive image class assigned to it. If theme layout (main CSS) is a fixed width design, the image itself needs to be edited to the new size (width and height).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘cant change size image in widget’ is closed to new replies.