Cannot eliminate text using css

  • Unknown's avatar
    luke934 · Member ·

    Hello,

    I am using the “collective premium theme” for my blog.

    When you create a new page the title of the page “e.g projects” appears in front of the header image, I want to get rid of this.

    I have the CSS Editor and have tried making the font size 0px. It makes the text disappear in the preview state but when I save it then reverts back and the text appears there again.

    I am currently putting this into the CSS editor box when saving. As this is what I edit in the preview stage to get rid of the text.

    element.style {
    font-size: 0;
    }

    Any help would be great.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Hi, fellow Luke!

    Instead of using element.style which won’t do anything here, you need to use the names of the relevant elements (or in this case, the classes that your theme uses). There’s also a better way of hiding things than making the size really small, try this instead – it should do the trick.

    .page .headline {display:none;}

  • Unknown's avatar
    luke934 · Member ·

    Fantastic, it worked.

    Could you possibly give me an example of what I would type in terms of classes and relevant elements. Because I have tried to change other things and that must be where I am going wrong.

    An example could be possibly to change the font size and colour of the header I just asked about. Then I would know roughly what I should be typing in to make the changes.

    Many Thanks.

  • Unknown's avatar
    luke934 · Member ·

    Actually I think I’ve managed to figure it out so do not worry for now.

    Thank you for you previous help though.

  • The topic ‘Cannot eliminate text using css’ is closed to new replies.