Override image padding in main container

  • Resolved colormechanics

    (@colormechanics)


    11 years, 10 months ago

    Hi there! I’ve been trying to override the image padding around ONE image in the main container of a single page so that the image fills the width of the container (900px). Here are the facts:

    1. My image is indeed 900px
    2. Advanced image settings are set to: alignnone size-full wp-image-200

    I’ve played around with the Styles section in the advanced image settings and succesfully eliminated the left and top margin, it is now set to:

    margin-right: 80px; margin-left: -40px; margin-top: -23px; padding: 0px;

    However, the right margin is not only there, but looks wider than the orignal, this is how it looks like:home page

    I am using Brainbuzz’s Class theme.

    Does anyone know how to override that right margin, or what I’m doing wrong? I have very little knowledge of CSS so haven’t even looked into modifying the styles sheet. I do know the original template has a sidebar to the right, so maybe that’s why it looks like that?

    Any help will be much appreciated!! Cheers!

Viewing 2 replies - 1 through 2 (of 2 total)
  • brazley

    (@brazley)

    11 years, 10 months ago

    looks like you need to change it in your css.

    go to your css style sheet and find where you made these changes:

    element.style {
    margin-left: -40px;
    margin-right: 80px;
    margin-top: -23px;

    add- float: left;

    so you end up with this

    element.style {
    float: left;
    margin-left: -40px;
    margin-right: 80px;
    margin-top: -23px;

    hope this helps. if its off a litte you should use firebug to look at your code.

    courtney brazley

    :end

    Thread Starter colormechanics

    (@colormechanics)

    11 years, 10 months ago

    Hi Courtney, thanks for taking time to reply!

    I actually managed to override that blank gap by just resizing the image. Your fix however will come in handy soon enough as there are still some image adjustments that I need to do throughout the site. I’ve never used firebug before but I’m looking into it right now.

    Thanks again, have a good one!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Override image padding in main container’ is closed to new replies.