- This topic has 27 replies, 3 voices, and was last updated 1 year, 8 months ago by
Leo.
-
AuthorPosts
-
October 14, 2020 at 6:27 am #1488452
Shubham
Hey, I am a new GP user and would like to tell you that the experience with GP is amazing.
On to the question – I want to add shadows to my sidebars only and not the area holding my blog post and contents. How can I do it?
Help me out, please.October 14, 2020 at 6:57 am #1488497David
StaffCustomer SupportHi there,
Thanks for the feedback – its much appreciated.
can you share a link to your site so i can see the layout – we can then provide the right CSS.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 14, 2020 at 10:15 am #1488959Shubham
HERE IS MY SITE
I want the other pages to show content i.e in separate containers, same as the home page.October 14, 2020 at 10:51 am #1489020Leo
StaffCustomer SupportThere is actually shadows added to the sidebar widget area already with this CSS in Additional CSS field in the customizer:
.inside-article, .sidebar .widget, .comments-area { border: 1px solid rgba(232, 234, 237, 1); box-shadow: 0 0 10px rgba(232, 234, 237, 0.5); }
You can tweak the shadow using a site like this:
https://www.cssmatic.com/box-shadowAnd change the selector to
.sidebar .widget
only if you want the shadow with sidebar only.Let me know if this helps 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 14, 2020 at 11:47 am #1489098Shubham
I guess I couldn’t frame the question well enough, my bad.
I am leaving a link for example. Please look into it and tell me how can I make the content layout similar. Thanks!October 14, 2020 at 12:36 pm #1489160Leo
StaffCustomer SupportTry this:
.inside-article, .sidebar .widget, .comments-area { box-shadow: 0 1px 10px rgba(72,139,201,.2); border-radius: 15px; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 6:38 am #1490273Shubham
What you suggested has somehow helped but if you can go to my site and check the blog page and home page that would be great.
I want the containers to be separate for each post and no extra page and border in the background.
To be more specific I want the pages exactly the same as the home page is currently now with no extra container at the back for the blog posts.
I hope that explains it all. Thanks!October 15, 2020 at 8:27 am #1490656Leo
StaffCustomer SupportStill a little bit confused.
Do you want the home page to be the same as the blog page or the blog page to be the same as the home page?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 8:51 am #1490702Shubham
The blog page same as the home page.
October 15, 2020 at 10:04 am #1490797Leo
StaffCustomer SupportGive this CSS a shot:
body.blog .generate-columns, body.archive .generate-columns { margin-bottom: 0; padding-left: 0; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 10:11 am #1490806Shubham
Didn’t work..
October 15, 2020 at 11:45 am #1490908Leo
StaffCustomer SupportLooks like your layout completely changed?
I’m not seeing the Marketer layout as before.
Can you link me to the page in question again with the CSS added?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 12:05 pm #1490917Shubham
I am sorry I was just trying out other demos.
It’s back to the marketer one.
Now as you see the home page that’s exactly how I would like the blog page to be. Thanks!October 15, 2020 at 12:06 pm #1490920Leo
StaffCustomer SupportI’m not seeing my CSS added. Can you add it in?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/October 15, 2020 at 12:09 pm #1490923Shubham
Done. Please Check.
-
AuthorPosts
- You must be logged in to reply to this topic.