1. 

   wcamp
   

   offline

   Member

   Hi, all:

   I cannot control a shadow style for a newly added .png image. It's near the top of the page, titled "1 Peter."

   I don't want the shadow to appear at its borders (although other images on my site have the desired border shadowing).

   https://www.warrencampdesign.com/peter/commentaries-part1/week2.php

   .img_peterBanner {
   padding: 30px 2px 2px 2px;
   border: 0;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
   }

   I've used values of "none" and "0." I even added, "!important." Nothing works.

   What must I do to remove that image's shadowing?

   Thank you for helping me.

   Posted 1 month ago
2. 

   Gerry
   

   offline

   PVII Team

   You assigned the class to the <div> element that contains the image. Assign the class to the <img> and it will work.

   Like this:

   <img src="images/1peterHeader.png" alt="Banner image for '1st Peter'" width="220" height="77" title="'First Peter' banner image" class="centered img_peterBanner">

   Posted 1 month ago
3. 

   wcamp
   

   offline

   Member

   I'm embarrassed! I focused only on the syntax without realizing I was applying it to the wrong element.

   Sorry, Gerry. But thank you very much. The image looks perfect now!

   Posted 1 month ago

RSS feed for this topic

Reply

You must log in to post.