Responsive image in text widget

  • Resolved Paul

    (@pchild1)


    11 years, 5 months ago

    Hi everyone,

    I put this in the CSS forum because I assume this is the tool to fix the problem I’m having…

    I’ve got my site up but now I’ve embedded my first image into the site, I’m having problems.

    I’ve tried to add a ‘button’ image into a text widget on the right of the page, and it looks ok at 100% res in Chrome (a little bit ‘pixelly’, which is another issue for another day…), but when I increase or decrease the resolution, it gets bigger/smaller at a faster rate than it’s containing div. So, when increasing the res, the image ‘spills out’ of the div rendering only part of it visible.

    URL: https://chestnutgroveperformingarts.co.uk/

    Any help would be hugely appreciated.. Thanks in advance!

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

  • I’m sorry but it is really beyond the scope of these forums to deal with general CSS issues. Try a dedicated CSS resource such as https://www.css-discuss.org/ instead. In the meantime, try using Firefox with the Firebug add-on for this kind of CSS work. Or use whatever developer tool is available in your web browser.
    https://getfirebug.com/

    Thread Starter Paul

    (@pchild1)

    Ok, well maybe this slightly simpler and more specific question will be within the scope of the forum…

    I want the image to remain centred when I decrease the res, but it hugs the left of the text box. I’ve tried

    .textwidget img {
    margin: auto;
    }

    and also

    .textwidget img {
    float: none;
    }

    …and neither affected the image. It still hugs the left of the div.

    Once again, thanks in advance.

    Paul

    This is still a general CSS issue.

    Thread Starter Paul

    (@pchild1)

    Got it.

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