Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #165902

    Hello,

    I need some help with the way the icon box are displaying text. In the Google Chrome Browser works perfectly, but on Firefox and Explore it does not.

    post link: http://paisagismoonline-com-br.web22.redehost.com.br/nsite1/galerias/

    Images bellow.

    Screenshot 1
    Screenshot 2
    Screenshot 3

    Thank you.
    Fabiana.

    #167373

    Hello faterra!

    What do you have for the actual title content for those items? It looks like you may have a secondary h3 element with a span style on it in place of trying to style them from outside css. With chrome, its getting ignored (the double h3) but with the other browsers they are rending 2 h3 elements one on top of the other.

    So the icon and icon title are correct but the title inside is not correctly aligned.

    Best regards,
    Devin

    #167580

    Hi Devin,

    The thing is that I´m using this box as a anchor for down to the page, on both of them, and if place it on the title field, I´m not able to insert the html anchor code. Is that a way to accomplish this?

    This is the post link, so you can take a look.: http://paisagismoonline-com-br.web22.redehost.com.br/nsite1/galerias/

    Thanks,
    Fabiana.

    #167844

    Hi!

    Add this on your custom.css or Quick CSS:

    @-moz-document url-prefix() { 
      .iconbox_content h3 span a span {
    position: relative;
    top: -20px;
    }
    }
    
     .iconbox_content h3 span a span {
    _position: relative;
    _top: -20px;
    }

    Why is there a span tag inside a span?

    Regards,
    Ismael

    #168166
    This reply has been marked as private.
    #168834

    Hey!

    I would suggest not using the icon box and instead just use a text box and add the icons in via shortcode. Then you can easily add the links without needing to use so much extra browser specific css.

    Best regards,
    Devin

    #168867

    Hi Devin,

    Yes, I agree with you. That´s probably the best way to accomplish that.

    Thank you.
    Fabiana.

    #169130

    Hello!

    This will probably work for IE:

     .iconbox_content h3 span a span {
    position: relative\9;
    top: -20px\9;
    }

    Cheers!
    Ismael

    #169547
    This reply has been marked as private.
Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Icon Box Problem’ is closed to new replies.