Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 25, 2013 at 2:09 am #165902
    faterra

    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.

    September 28, 2013 at 1:49 am #167373
    Devin

    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

    September 28, 2013 at 4:46 pm #167580
    faterra

    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.

    September 29, 2013 at 4:55 pm #167844
    Ismael

    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

    September 30, 2013 at 3:47 pm #168166
    faterra
    This reply has been marked as private.
    October 1, 2013 at 4:44 pm #168834
    Devin

    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

    October 1, 2013 at 5:41 pm #168867
    faterra

    Hi Devin,

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

    Thank you.
    Fabiana.

    October 2, 2013 at 6:27 am #169130
    Ismael

    Hello!

    This will probably work for IE:

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

    Cheers!
    Ismael

    October 2, 2013 at 9:35 pm #169547
    faterra
    This reply has been marked as private.
  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Icon Box Problem’ is closed to new replies.