Making Icon Box Transparent

• 

  mendipreikihealingarts · Member · Apr 20, 2018 at 9:18 am

  • Copy link
  • Add topic to favorites

  Hi I’ve tried to add the following code to the CSS edit bar but it hasn’t had any effect. Please see my Reiki page under Treatments to see what I’m trying to do. I don’t like the unjustified text in a normal text box (showing below the icon box at present) so I thought I’d use icon boxes instead as they look neater. But, I want my colour section image to be seen through the icon box. Please help! This is the first time I’ve used CSS so I’m not sure I’m doing it right..I thought if I paste this code and press save it would work! Thanks Sonya.

  .page-id-2449 .main_color.iconbox_top .iconbox_content {
  background: rgba(255,255,255,.8);
  }

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

• 

  thesacredpath · Member · Apr 20, 2018 at 6:43 pm

  • Copy link

  Hi there, I’m not positive I understand what you are wanting, but the following will adjust the opacity of the image on the right on your Reiki page. You can adjust the .6 value as desired, and you can even use two decimal places, like .55. The closer to 0, the more transparent.

• 

  thesacredpath · Member · Apr 20, 2018 at 6:44 pm

  • Copy link

  Oops, I forgot to add the custom CSS for you.

  .avia-image-container-inner .avia_image {
    opacity: .6
  }

• 

  pedalingpanda · Member · Apr 20, 2018 at 10:52 pm

  • Copy link

  Hello bristolreikihealingarts,

  I do have to agree with thesacredpath on the not being exactly sure of what your are looking to accomplish but, based on how I interpreted your request I think I may have a possible solution.

  The code I believe you are needing is:

  .iconbox_content {
  background: rgba(255, 255, 255, 0.8) !important;
  }

  Here is a screen shot of what I think you are looking to do using the code provided above:
  

  The “icon boxes” have been adjusted to have 0.8 opacity so that the background running water can be seen underneath.

  I hope one of us got this one right.