Hide Type de projet

  • Author
    Posts
  • #116860

    breakandtrek

    Hello,
    On this page : https://breakandtrek.com/project-type/randonnees/
    I would like to hide “Type de projet”, what is the CSS Code please ?
    Thanks in advance
    Best regards
    Stef for Break and Trek

    The blog I need help with is breakandtrek.com.

    #117069

    alfonsosilo
    Theme Author

    Hi breakandtrek!

    Just add this CSS:

    .term-1615875 .page-header h1.page-title {
      font-size: 0
    }
    
    .term-1615875 .page-header h1.page-title:after {
      content: "RANDONNÉES";
      font-size: 28px;
      font-size: 1.75rem
    }

    Let us know if it does/does’t work please :)
    Thank you again,
    Alfonso S. from SiloCreativo

    #117119

    breakandtrek

    Hello,
    Thank you. But it does not work, because it aides all “Type de projet : Randonnées” and I just want to hide “Type de projet”, and keep clear “Randonnées”.
    Can you see which is the good CSS code please ?
    Many thanks for your help !
    Regards
    Stef from Break and Trek

    #117125

    ricardpriet
    Theme Author

    Hi Stef, hope you are well.

    I have tried the code and it works fine. Try this:

    .term-1615875 .page-header h1.page-title {
      font-size: 0;
    }
    .term-1615875 .page-header h1.page-title:after {
      content: "RANDONNÉES";
      font-size: 40px;
      font-size: 2.5rem;
    }

    Note that each CSS rules ends with “}” without it, they will not apply.
    In this cases, the first rule change the whole text to 0pixel, and the second statement sets the add the word desired to 40px, so it seems that the second one it is no working for you. However, I have applied in the browser inspector and works fine for me:
    http://imagizer.imageshack.com/img923/9546/GIJ2Qy.jpg

    Could you please add the above CSS and keep it in order to check what is wrong?

    Thanks you!
    Ricardo P. from SiloCreativo

    #117143

    breakandtrek

    Hi Ricardo,
    Happy to hear from you again ! And the CSS code works well now, I probably did a mistake. But the size is to big, I mean I would like the sale size of this page : https://breakandtrek.com/project-type/photographie/
    Do you see what I mean ?
    Can you help ?
    Thank you so much Ricardo !!
    I am know in Japan !
    Bye for now

    #117144

    ricardpriet
    Theme Author

    Nice to hear that!

    Then change the second rule to this:

    .term-1615875 .page-header h1.page-title:after {
      content: "RANDONNÉES";
      font-size: 28px;
      font-size: 1.75rem;
    }

    Let us know if it works :)
    Thanks!
    Ricardo

    #117145

    breakandtrek

    You are the best, it works !!! Thank you very much ! Bye

    #117146

    ricardpriet
    Theme Author

    You are welcome!!

    Have a nice day :)

The topic ‘Hide Type de projet’ is closed to new replies.