WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Responsive image in text widget (5 posts)

  1. Paul
    Member
    Posted 1 year 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: http://chestnutgroveperformingarts.co.uk/

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

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    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 http://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.
    http://getfirebug.com/

  3. Paul
    Member
    Posted 1 year ago #

    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

  4. esmi
    Forum Moderator
    Posted 1 year ago #

    This is still a general CSS issue.

  5. Paul
    Member
    Posted 1 year ago #

    Got it.

Topic Closed

This topic has been closed to new replies.

About this Topic