- This topic has 27 replies, 3 voices, and was last updated 5 years, 8 months ago by
ephraimdov.
-
AuthorPosts
-
August 17, 2014 at 5:02 am #13867
Ross Robson
how can i add a slight shadow behind the content/widget areas so it doesnt look too flat?
Thnks
August 17, 2014 at 9:50 am #13937Tom
Lead DeveloperLead DeveloperSomething like this should work:
.sidebar .widget {box-shadow: 10px 10px 5px #555;}
More about box-shadow: http://www.w3schools.com/cssref/css3_pr_box-shadow.asp
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 18, 2014 at 4:41 am #14346Ross Robson
Thats great thanks, could you give me code for the content area one please π
August 18, 2014 at 4:43 am #14347Ross Robson
Would like the shadow to be equal around the whole of the box on both content and sidebar
August 18, 2014 at 8:28 am #14546Tom
Lead DeveloperLead Developer.inside-article
would be the element you target for the content.To make it even around the containers, something like should should work:
box-shadow: 0 0 10px #222;
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 18, 2014 at 1:32 pm #14741Ross Robson
thanks π what would the element be for the comments box also, is there any other comments plugins that you would recommend to use instead of the basic one?
August 18, 2014 at 2:47 pm #14743Ross Robson
also curious as how i could get the separators like this website has down the sides on its menus as it looks nice, kind of like a bevel effect
August 18, 2014 at 3:48 pm #14767Tom
Lead DeveloperLead Developer.comments-area
You should use Firefox and “Firebug” to explore through the different HTML elements – it makes targeting specific things much easier. Chrome also has an “inspect element” feature.
By default, GP has these gaps between sidebars and content.
Using the Spacing addon, you can adjust this gap to your liking.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 18, 2014 at 5:24 pm #14817Ross Robson
sorry i meant to post this link http://www.step-by-step-paleo.com/ i mean the separators on the side menus but i want them in the main nav, any ideas? π
August 18, 2014 at 5:25 pm #14819Ross Robson
my site is pontyclundarts.co.uk, as you can see i have a black main menu but be nice to have something separating the options π
August 18, 2014 at 5:35 pm #14840Tom
Lead DeveloperLead DeveloperSomething like this should work:
.main-navigation ul li a { border-right: 1px solid #000; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 20, 2014 at 8:51 am #16042Ross Robson
How would i find the ID of certain widgets areas so i can place a picture there without the spacing around it, kind of like your blue ones on here?
August 20, 2014 at 8:56 am #16045Tom
Lead DeveloperLead DeveloperUsing Firebug, right click the widget and inspect element.
Move up the tree until you find the “aside” element, and then grab it’s ID.
That’s the one you want π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentAugust 21, 2014 at 6:52 am #16589Ross Robson
Hi Tom could you tell me why my page http://7dd.613.myftpupload.com/news/ looks a little off with the spacing? its just this page
August 21, 2014 at 10:01 am #16717Tom
Lead DeveloperLead DeveloperThis piece of CSS is causing that:
.post { padding: 15px !important; }
It’s being added by your “jigoshop” plugin.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.