Image border not appearing when viewing page

  • Kathy

    (@kathrynal)


    10 years, 2 months ago

    Hi,

    I posted a page http://www.dui-online.com/warmer-side-underwater-life-supprt/ which has several images with captions.

    The border and shaded background is on the image and caption when I view the page through the WordPress Dashboard.

    When I view the page in IE, Chrome, Firefox the border is not there.

    We have a .css style in our style sheet

    .imageborder {
    border: 1px solid #E1E1E1;
    box-shadow: 0 0 6px #CCCCCC;
    padding: 6px;
    }

    Right now if I click on advanced settings on the image I see

    size-medium wp-image-37812 alignright

    Tried adding size-medium wp-image-37812 imageboarder alignright

    And nothing showed up in the browser.

    Any suggestions?

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • ubaidullahbutt

    (@ubaidullahbutt)

    10 years, 2 months ago

    box-shadow is a CSS3 property. You must write code like below:

    border: 1px solid #E1E1E1
-webkit-box-shadow: 0 0 6px #CCCCCC;
-moz-box-shadow:    0 0 6px #CCCCCC;
box-shadow:         0 0 6px #CCCCCC;
padding: 6px;

    Webkit is for chrome, opera, safari browsers.
    -moz is for firefox or mozilla

    Thread Starter Kathy

    (@kathrynal)

    10 years, 2 months ago

    Thanks! I’ll give it a try.

    webbrewers

    (@webbrewers)

    10 years, 2 months ago

    Note you also have a typo in the code: .imageboarder not .imageborder.
    So .imageborder in the stylesheet won’t have any effect.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image border not appearing when viewing page’ is closed to new replies.