locate the png file on my website and apply png shadow css.
-
Hi, not to be a bother, I have a red “quote” png file on my website that is used over an over. I would like to try the PNG shadow css code to apply a shadow around it, But I can not locate the css code to change it…. I don’t quite understand it all yet.
I know If I can find it, I can do many things but need help please? I’ve tried using the developer tools in chrome.. but I cannot seem to just “ah ha” there it is…
can some find it for me and show me how to do it ?Thank you guys you are all awesome.
The blog I need help with is: (visible only to logged in users)
-
Hi! If you interested in adding the shadow to only one. png file, it would be more efficient for you to add the shadow to the actual image file and re-upload it to your Medial Library.
You can use a photo editor such as PhotoShop to do this. If you don’t have access to software like this, you can try a free, online editor such as http://pixlr.com/
If this doesn’t suit your needs, please clarify for me and I can help further. Thanks!
-
Hi robyn, super big thanks for your feedback and your way is most likely the way I’ll go. however I just read on line, that it’s possible to put a shadow around a png, so long as it is ( png file ) transparent up to the edges. Ive got code to try it and I can go ahead and give that a try… but I cannot locate the quote mark ( reddish ) through chrome with the usual inspect element trick… can you help me locate it’s element name? super awesome help thanks.
-
I see you made a change to the quotes and made them part of your background. Looks awesome. I am guessing you don’t need to find the png element anymore as…well…as it’s not there anymore! :)
You seem to be learning a lot of CSS. I wanted to make sure you were checking out the community on our CSS forums. Lots of super folks giving/getting ideas and instruction:
https://en.forums.wordpress.com/forum/css-customization
Best of luck of the site!
-
As an aside, you do have to be careful. If you adjust too much of the original stylesheet, you will impact the manner in which your site can be viewed on mobile devices.
You might find these links beneficial:
-
heh, super big thanks!!! and yes trying to be css savvy!!!!, and not hassle anyone too much for stupid css element location tricks thanks for helping me sort that out. there seems to be two camps of thought when it comes to shadows: css, and pixel based ( photoshop ) solutions… it sounded to me like you really knew the best solution… I trusted it. thanks for your kind words… love your feedback… all is good!!!
-
You’re very welcome. I think it’s awesome that you’re so inspired to learn some coding. Makes me happy to see. Happy blogging!
- The topic ‘locate the png file on my website and apply png shadow css.’ is closed to new replies.
WordPress.com Forums 