Grow your CSS skills. Land your dream job.

Remove Content after (

  • # January 24, 2013 at 1:52 pm

    I have Content like **Casual User (Standard Reports) Power User(SQL/Direct)**

    Can I remove (Standard Reports) after Casual User and (SQL/Direct) after Power User i.e I should have content like **Casual User Power User** after CSS is applied. Please tell me what to do

    Please see the below link to see my page

    http://i.imgur.com/oMqJxvb.jpg

    # January 24, 2013 at 4:28 pm

    You would have to use JavaScript or some sort of server-side language to accomplish this. It can’t be done with CSS alone.

    JavaScript:

    element.innerHTML = element.innerHTML.replace(/((.*?))/g, ”);

    PHP:

    echo preg_replace(‘/((.*?))/g’, null, $text);

    # February 19, 2013 at 4:12 am

    You could also use PHP Substring.

    # February 19, 2013 at 5:26 am

    You could use nth-child in your CSS to hide them.

    # February 19, 2013 at 5:37 am

    I don’t understand. Are the labels not changeable at ALL?

    How are they generated?

    # February 19, 2013 at 5:43 am

    Is there some reason we can’t do something like:


    #casual + label span {
    display:none;
    }

    # February 19, 2013 at 5:54 am

    Could even use attribute selectors if the labels are set up properly.

    input#check-you-want-to-hide { display: none; }
    label[for=”check-you-want-to-hide”] {display: none;}

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

You must be logged in to reply to this topic.

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