Remove transparency in Crafter theme welcome section

• 

  clanta13 · Member · Mar 29, 2017 at 6:40 am

  • Copy link
  • Add topic to favorites

  Hi,
  I want to remove the transparency/opacity from the the welcome section image in Crafter theme (http://demo.quemalabs.com/crafter/). I want to set the original image without no opacity effects.
  Can anybody help?
  Thanks!

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

• 

  otpidusprime · Member · Mar 29, 2017 at 12:38 pm

  • Copy link

  Hi there,
  You can remove the transparency effect by removing this entire CSS code:

  .welcome-section::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1;
  }

  If you do not want to remove anything just change the “background-color” property to have this value “rgba(0, 0, 0, 0)”, the code should now look like this:

  .welcome-section::before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0);
      z-index: 1;
  }

  Hope this helps :)

• 

  otpidusprime · Member · Mar 29, 2017 at 12:41 pm

  • Copy link

  Also, it looks like your site demo.quemalabs.com/crafter/ is based on the self-hosted WordPress.ORG platform and not WordPress.COM.

  Both are different products. You can find out the differences between them here: https://en.support.wordpress.com/com-vs-org/

  I helped you this time but remember to post the issues related to your site on this forum: https://wordpress.org/support/ hereafter, not here. Since this forum only supports the sites hosted on WordPress.COM and not WordPress.ORG.

• 

  clanta13 · Member · Mar 29, 2017 at 1:07 pm

  • Copy link

  It works setting background-color: rgba(0, 0, 0, 0)
  Thank you very much! :)

• 

  otpidusprime · Member · Mar 29, 2017 at 3:06 pm

  • Copy link

  Glad i could help :)