- This topic has 27 replies, 3 voices, and was last updated 3 years, 5 months ago by Leo.
-
AuthorPosts
-
October 14, 2020 at 6:27 am #1488452Shubham
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 #1488497DavidStaffCustomer 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.October 14, 2020 at 10:15 am #1488959ShubhamHERE 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 #1489020LeoStaffCustomer 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 🙂
October 14, 2020 at 11:47 am #1489098ShubhamI 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 #1489160LeoStaffCustomer SupportTry this:
.inside-article, .sidebar .widget, .comments-area { box-shadow: 0 1px 10px rgba(72,139,201,.2); border-radius: 15px; }
October 15, 2020 at 6:38 am #1490273ShubhamWhat 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 #1490656LeoStaffCustomer 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?
October 15, 2020 at 8:51 am #1490702ShubhamThe blog page same as the home page.
October 15, 2020 at 10:04 am #1490797LeoStaffCustomer SupportGive this CSS a shot:
body.blog .generate-columns, body.archive .generate-columns { margin-bottom: 0; padding-left: 0; }
October 15, 2020 at 10:11 am #1490806ShubhamDidn’t work..
October 15, 2020 at 11:45 am #1490908LeoStaffCustomer 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?
October 15, 2020 at 12:05 pm #1490917ShubhamI 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 #1490920LeoStaffCustomer SupportI’m not seeing my CSS added. Can you add it in?
October 15, 2020 at 12:09 pm #1490923ShubhamDone. Please Check.
-
AuthorPosts
- You must be logged in to reply to this topic.