how to change shadows in Graphene theme?
I mean shadows of all parts (posts, comments, widgets, menu line, slider, main container…)? I would like to have shadow only on right hand and bottom edge. And would also like to have possibility to change thickness, transparency and colour of the shadow. After updating Graphene theme I don’t want to loose those adjustments.
I guess I need to change css theme code, and best way to do it is in child theme. I’m not a programmer, is there any more simple way?
thank you very much
PeterModOctober 30, 2013 at 2:57 pm #40965Quote:all parts (posts, comments, widgets, menu line, slider, main container…)?
It really is outside the ability of this forum to answer how to change the shadows on all elements that have them. Your best bet is to install the Firebug extension for Firefox to identify those elements you want to change.Quote:And would also like to have possibility to change thickness, transparency and colour of the shadow.
Here is a good resource with a sandbox you can experiment in:
http://www.w3schools.com/cssref/css3_pr_box-shadow.aspQuote:After updating Graphene theme I don’t want to loose those adjustments.
I guess I need to change css theme code, and best way to do it is in child theme.
If you only have a few changes, you can add them to the Custom CSS option in Graphene Options. But for more than a few lines of code, yes, a child theme is the best way.Quote:I’m not a programmer, is there any more simple way?
Short of hiring somebody, no. If you want to make changes beyond the theme options, you need to learn at least a little bit about HTML and CSS. There are some good resources here:
Don’t worry, everybody started out knowing nothing about coding. Try things out, ask specific questions here, and don’t be afraid to experiment. It’s fun!
AnonymousOctober 31, 2013 at 3:11 am #40967
I’m a little in the same boat as you. I’ve been learning for the last few weeks. It’s a steep learning curve, and (mostly!!) a fun one. Anyhow, I found this somewhere in this forum a week or two ago. I’m sorry that I can’t remember the original author but I used it to play around with the shadows in my main content area:
-webkit-box-shadow: 0 0 10px #3f602b;
box-shadow: 0 0 10px #3f602b;
margin: 0 auto;
Pop this into your Child Theme and play around with the values. The width value at the bottom refers to your container width, so just change that to whatever you’ve set that to in your Graphene options, and #3f602b refers to the colour I’ve chosen for my shadow.
Hope this helps. 🙂
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.