Get a free trial // 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.


    # 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 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 line 411
    and the second one line 41

    # April 7, 2013 at 10:58 am

    I can’t locate it.



    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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed