HTML override

Discussion in 'HTML and CSS' started by FlutterYay, Jan 9, 2012.

  1. FlutterYay

    FlutterYay

    Joined:
    Jan 9, 2012
    Messages:
    2
    Likes Received:
    0
    I'm looking at this part of HTML/Source coding in my chrome element inspector. (Shown below) and I'm wondering if there is a way to override this div class so the image changes.
    As a moderator we have access to source code at the bottom of the page, but we cannot modify any of the actual source code directly, we can only add new codes at the bottom. Is it possible to locate and overwrite this script through CSS or some sort of script?

    ...
    ...
    ...
    <div id="st-descr"><div class="banner"><img class="hide" original-src="http://fc00.deviantart.net/fs71/i/2...anner__fluttershy_by_dylandylan72-d4ks6yi.png" src="http://fc00.deviantart.net/fs71/i/2...anner__fluttershy_by_dylandylan72-d4ks6yi.png" style="display: inline; "></div>
    ...
    ...
    ...
     
    FlutterYay, Jan 9, 2012
    #1
    1. Advertisements

  2. FlutterYay

    FlutterYay

    Joined:
    Jan 9, 2012
    Messages:
    2
    Likes Received:
    0
    I figured it out. I just needed to create a CSS file with this code.

    /* Remove the existing banner */
    #st-descr .banner .hide {visibility:hidden;}

    /* Background image as new banner */
    #st-descr .banner {background: transparent url

    ("<insert new image url>")}
     
    FlutterYay, Jan 9, 2012
    #2
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.