- This topic has 8 replies, 2 voices, and was last updated 7 years ago by
.
Hi, I am working on a site for a client and they chose colours that just don’t show well on top of an image. Unfortenatly they will not change their mind on colours and I do not want to hand them over a product where a header and text box cant be read 🙁 How, if it is possible, would I go about adding text shadow to a header and text? Is it custom code? If so how do I know which class properties to target?
Hi @eclecticmediani,
I hope you are well today and thank you for your question.
Yes to achieve this we have to develop custom code.
Could you please share me your site URL where it’s displaying so that i can help you to achieve it?
Best regards,
Shufflehound teamAt the moment my site is under construction so I’ll disable it for now but I would appreciate if you could look into it as soon as you can as my client does not want it visible online until the site is ready. Here is the website:
http://yourtrialmatters.co.uk/
You can see at the minute the colour is white, but she really wants grey and on top of that background. I hate to ask you guys for help, but she won’t really have it any other way. Thanks so much!
Solution for this topic
You can add shadow to it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
body.home .sh-column-aec1214d93e70233f78a5559719aef65 { text-shadow: 2px 2px #8e8080; }Thank you very much! Will try that, Just to be sure, when I add the custom code I can always delete it again?
Thank you for the help
Thank so much that worked like a charm! Would you perhaps have an available guide on how to do some of your own custom css. I understand if you don’t. But could I even inspect my own site see what the class name is and then change the code with !important at the end of css code?
You are most welcome here 🙂
when I add the custom code I can always delete it again?
Yes you can delete it anytime.
Thank so much that worked like a charm! Would you perhaps have an available guide on how to do some of your own custom css. I understand if you don’t. But could I even inspect my own site see what the class name is and then change the code with !important at the end of css code?
Yes you can always develop your custom CSS code as described on the below sites.
https://www.w3schools.com/css/
https://css-tricks.com/specifics-on-css-specificity/
https://developer.chrome.com/devtools#dom-and-styles
https://developers.google.com/web/tools/chrome-devtools/inspect-styles/
Thanks so much. I was messing around and easily found the class and id names of each container and so on by simply inspecting my own site and then changing some things with css.
Thank you for being such a big help.
You are most welcome here 🙂
