Support » Themes and Templates » Ignore stylesheet

  • 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)
  • Doodlebee

    (@doodlebee)

    set a class for the image, and then set the class in the stylsheet with “{border:none;}”

    S’all there is to it 🙂

    reuss

    (@reuss)

    Thanks a lot doodlebee:)

    Regards

    Reuss

    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=”http://address.com/image.jpg” 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?

    Les Bessant

    (@lesbessant)

    keeper of the Tiggers

    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="http://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

    reuss

    (@reuss)

    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.

    maerk

    (@maerk)

    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;
    }

    Alex Mills

    (@viper007bond)

    Or you could just take the easy route:

    <img src="http://wordpress.org/style/header-logo.png" alt="" style="border: none;" />

    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

    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…

    moshu

    (@moshu)

    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.