• Resolved reuss

    (@reuss)


    I’m using a theme and a stylesheet that I’m quite happy with. But I would like to set in a picture that shoudn’t have the border which the stylesheet, I surpose, put around the image. Is there a way I can work around that in the WP-editor? Is there a tag that causes the browser – momentarely – to ignore the stylesheet?

Viewing 12 replies - 1 through 12 (of 12 total)
  • set a class for the image, and then set the class in the stylsheet with “{border:none;}”

    S’all there is to it ??

    Thread Starter reuss

    (@reuss)

    Thanks a lot doodlebee:)

    Regards

    Reuss

    Thread Starter reuss

    (@reuss)

    Sorry – I am an absolut beginner here:

    I’ve put:

    #imgraw {
    border: none;

    …in the style.css

    And in the html (through the WP-editor I put:

    <div class=”#imgraw”><p align=”left”><img src=”https://address.com/image.jpg&#8221; border=”0″ width=”110″ height=”110″ align=”left” /></div>

    …but I can’t seem to get the syntax correctly – the frame (specified else where in style.css) is still there. Does anyone see what I do wrong?

    Try this:

    In the CSS, make that:

    .imgraw {
    border: none;
    }

    (If you use “#”, you’re making it an ID not a class)

    <img class="imgraw" src="https://address.com/image.jpg" border="0" width="110" height="110" align="left" />

    Don’t put the “#” in the code.
    The “#” doesn’t go in the tag

    Thread Starter reuss

    (@reuss)

    Thread Starter reuss

    (@reuss)

    Thanks a lot for the effort LesBessant. However right it looks to me I still can’t get the darn thing to work out…:(

    I did excately what you told me – but still the properties of the ‘#content img’, seems to have the last say.

    Change your CSS to:

    .imgraw {
    border-width: 0;
    }

    I don’t think you can have none for a border value, although I may be wrong.

    If that still doesn’t work, try

    .imgraw {
    border-width: 0 !important;
    }

    Or you could just take the easy route:

    <img src="https://www.ads-software.com/style/header-logo.png" alt="" style="border: none;" />

    Thread Starter reuss

    (@reuss)

    Thanks a lot for all you inconvenience and effort. I solved the issue by simply adding
    style=”border: none;” to the img tag (no changes to the style.css). That did the job:)

    Regards

    Reuss

    Thread Starter reuss

    (@reuss)

    …excately as I now notice that Viper007Bond suggest:) Thanks a lot!

    Reuss

    @reuss

    First you put the img in a container (div) with no border. But this has no effect on the img.
    You have to format the img directly.

    To late…

    Then could you, please, mark this thread as resolved?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Ignore stylesheet’ is closed to new replies.