image styling question?

  • Hi,

    Am a little confused on how to apply some styling to some images on one particular page.

    I am trying to do it via text editor and adding the code there…. but does not seem to work.

    This is the code I would like to use. Can this code only be used on the stylesheet?

    .circle .image-wrap {
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    }

    thanks in advance

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter oliviaok

    (@oliviaok)

    ok so i managed to figure how to style the images.

    I pasted the code in the stylesheet.css then tagged it in text editor with img class: circle.

    And it worked a treat, now I tried the same method with a different code which adds a reflection to your image and I got no result.

    I suspect it as something to do with calling it via the img class. But am not experienced enough to work it out, can anyone help please?

    Here is the code I used on my stylesheet:
    https://pastebin.com/abhi2k3U

    I tagged the class as ‘reflection’.

    Is this correct?

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter oliviaok

    (@oliviaok)

    esmi,

    i have tried using firebug, the style command is not being recognized.

    The style has been applied to the first image you see, but nothing happens?

    https://www.calligraphycompany.com/formal-italic-style

    What style? Where?

    Thread Starter oliviaok

    (@oliviaok)

    the style is a reflector, so the image looks like it is reflecting from the baseline.

    I have tried to apply it to the first image on the far left (large envelope image).
    https://www.calligraphycompany.com/formal-italic-style

    The code I used for the reflector I pasted in my style.css https://pastebin.com/abhi2k3U

    The img class is: ‘reflector’

    I can’t see .reflector in your child’s stylesheet… but I do see #reflector

    Thread Starter oliviaok

    (@oliviaok)

    apologies…

    that was me playing around earlier trying to work it out.

    it has been re-altered to .reflection

    and issue of the style not working still exists?

    there is no style for .reflection in your stylesheets;
    and no class .image-wrap with your left image.

    helping with these kind of detailed, specialized formatting issues is not really within the scope of a WordPress forum.

    Thread Starter oliviaok

    (@oliviaok)

    hi alchymyth,

    if you look through firebug i see <img class=”reflection” on the first image

    and in my style sheet I have pasted the the style for reflection as you can see below
    https://pastebin.com/abhi2k3U

    obviously you guys are the experts, but you say you cant see it? then what am i looking at?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘image styling question?’ is closed to new replies.