Grow your CSS skills. Land your dream job.

buttons and text colliding — PLEASE HELP

  • # April 7, 2013 at 10:30 am

    My buttons and text are colliding, I strongly think this is from the css file of my template.

    But I have no clue on how to fix it, it happens with all icons I connect the css with.

    wilxt1.png

    # April 7, 2013 at 10:37 am

    We’ll need to see the actual page so we can check the code. Can’t do much with just a screenshot.

    # April 7, 2013 at 10:41 am

    fuerzafitness.net I bought the template, so I have not did the css myself

    # April 7, 2013 at 10:44 am

    find these lines in your css

    div.catItemHeader span.catItemAuthor {
    display: block;
    padding: 0;
    margin: 0;
    }

    and delete padding:0;

    and here

    .component-content ul li, .component-content ol li {
    padding: 0;
    line-height: 1.7em;
    margin: 0;
    }

    # April 7, 2013 at 10:50 am

    I can’t find that line, do you want me to upload template.css and framework-reset.css ?

    # April 7, 2013 at 10:55 am

    the first one is in file
    http://fuerzafitness.net/components/com_k2/css/k2.css line 411
    and the second one

    http://fuerzafitness.net/libraries/gantry/css/joomla.css line 41

    # April 7, 2013 at 10:58 am

    I can’t locate it.

    framework-reset.css
    http://pastebin.com/Kikj4ubi

    template.css
    http://pastebin.com/5yF8xyd7

    Thanks in advance!

    # April 7, 2013 at 10:58 am

    Oh sorry, didn’t see your last post before I posted. Thank you, I will look for them!

    # April 7, 2013 at 11:03 am

    YES IT WORKED, god bless you sir.

    Thank you a bunch!!

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".