How to hide something ?

• 

  dorianduff · Member · Jan 28, 2016 at 5:07 pm

  • Copy link
  • Add topic to favorites

  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 · Jan 28, 2016 at 11:12 pm

  • Copy link

  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 · Feb 1, 2016 at 11:26 pm

  • Copy link

  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 · Feb 2, 2016 at 4:59 am

  • Copy link

  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 · Feb 2, 2016 at 10:16 am

  • Copy link

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

• 

  thesacredpath · Member · Feb 2, 2016 at 6:31 pm

  • Copy link

  You are welcome.