[Resolved] Changing Image "Border" Colors

[robmac]

Hi Tom/Leo,

With one of my site’s I’m setting up a new way to do review posts. If I can get the first one right, I can use it as a template….fingers crossed you might see less of me asking questions 😉 although….

All I’m really having an issue with, is the “border” colors of two [Waterford Crystal] images. 1) The larger top one, has a light blue border around it, I’d like to make it white ie, “remove” from visual sight!

Similarly for 2) the smaller lower image – which is also centered, has a border, but seems to also have some type of padding, pushing it toward the left!

I’ve have tried myself numerous attempts, at getting the right CSS to achieve these two without success….any suggestions please?

Thank you,
Robert

[Leo]

Hi there,

I’m not too sure what you mean?

What are you using to add them? Those aren’t getting style from GP.

Here are the CSS I see for them:

#amazomatic_img_div {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #e1e8ed;
    background-color: #fafafa;
    color: #666666;
    box-sizing: border-box;
    display: block;
}

and

#amazomatic_img_wrap {
    min-height: 245px;
    padding: 12px;
    position: relative;
    text-align: center;
    text-align: center;
    background-color: #fafafa;
    color: #666666;
    margin-bottom: 20px;
    border-radius: 4px;
    border: 1px solid #e1e8ed;
}

[robmac]

Thank you again Leo that CSS did the trick.

[Leo]

No problem!

[Author]

Posts