How to hide something ?

  • dorianduff · Member ·

    Hi everyone !

    I am very new to CSS programming,
    And I would like to learn how to :

    1) Get rid of (or hide) the commentary section in the pictures galleries.
    2) Get rid of the “Powered by WordPress” mention at the bottom of the articles and pages
    3) Get rid of the dotted line above each page title

    Thank you very much in advance,
    I really rely on you,

    Dorian

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

  • thesacredpath · Member ·

    Hi Dorian,

    1) Get rid of (or hide) the commentary section in the pictures galleries.

    To hide the comments section on the image carousel, after you click on an image in the gallery, add the following CSS. 

    #jp-carousel-comment-form-container {
    display: none;
}

    2) Get rid of the “Powered by WordPress” mention at the bottom of the articles and pages

    You are not allowed to hide or edit the WordPress.com and theme footer credits per our Terms of Service (#1, Attribution). See the Frequently Asked Questions on the Custom Design support page for more information.

    You are allowed to restyle the footer credits to better fit with your design as long as they remain readable, and text can be added too, such as a Copyright statement. If you need help with that, let us know and we would be happy to help.

    3) Get rid of the dotted line above each page title 

    .entry-wrapper::before {
    border: none;
}
  • dorianduff · Member ·

    Hello !

    Thank you very much for your quick answer.
    The first code did not work, and the commentary section is not hidden.
    The second, however worked perfectly and thank you very much !

    If you have any idea for the first code ? About hiding the commentary section in each gallery of the different pages in my website.

    Thank you very much,

    Dorian

  • thesacredpath · Member ·

    Hmmm, it worked for me, but let’s add the !important keyword to the other code like this. 

    #jp-carousel-comment-form-container {
    display: none !important;
}

    I also notice there is a comments button on the right, if you wish to hide that also, add the following as well.. 

    .jp-carousel-buttons {
    display: none !important;
}
  • dorianduff · Member ·

    It worked ! Thank you very much for your help !!

  • thesacredpath · Member ·

    You are welcome.

  • The topic ‘How to hide something ?’ is closed to new replies.