- This topic has 18 replies, 4 voices, and was last updated 4 months ago by
Leo.
-
AuthorPosts
-
September 8, 2020 at 12:04 am #1434812
kyle
Hello team,
I have the Avery theme but I’d like my posts to look like the marketeer theme, so with the shadow box style.
Could you please let me know what CSS i need to put into the Additional CSS section?
Thanks so much
September 8, 2020 at 6:36 am #1435248kyle
Hi has anyone seen this question yet?
September 8, 2020 at 6:58 am #1435277David
StaffCustomer SupportHi there,
Do you mean the archives post layout?
If so, go to Customizer > Layout > Blog –> Featured Images >>> archives.
Set the featured image alignment to left, and select a smaller media attachment size.Once thats in place it may require a little CSS. Let mw know.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 8, 2020 at 7:10 am #1435287kyle
I’m not looking to change any of that. I rather just want the post area itself to be white then the background surrounding the post to be darker, like in the marketer theme.
Hopefully this makes sense?
September 8, 2020 at 7:18 am #1435296David
StaffCustomer SupportSorry my bad … having a brain freeze>
This CSS to add the shadow to your post container:
.single-post .inside-article { border: 1px solid rgba(232,234,237,1); box-shadow: 0 0 10px rgba(232,234,237,.5); }
and this if you want to change the body background color for single posts:
body.single-post { background-color: #fafafa; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 8, 2020 at 7:27 am #1435313kyle
thanks David, where would I add that exactly, like what number? right n the beginning or doesnt it matter?
September 8, 2020 at 7:29 am #1435315kyle
i put it right at the beginning, I see though that my text is extremely close to the “box” on the left though, how can i change that?
September 8, 2020 at 8:38 am #1435544Leo
StaffCustomer SupportIt doesn’t matter where you add the CSS – however, the general practice is to add new CSS to the bottom (like writing an article).
I’m not seeing David’s code added.
Can you add it in so I can see the issue?
Let me know ๐
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 8, 2020 at 12:08 pm #1435744kyle
Okay sure I’ll do so now so that you can see.
September 8, 2020 at 12:10 pm #1435747kyle
Okay it is added
September 8, 2020 at 12:27 pm #1435757kyle
also, how can I change my mailchimp email opt in on the front page. I’d would like to allow the name and email box to be side by side with the submit button on the right of those two boxes.
Sorry I know I am spamming with questions.
thanks for your help guys!!
September 8, 2020 at 1:31 pm #1435807kyle
The URL is https://bushcraftboss.com
September 8, 2020 at 1:47 pm #1435823Elvin Customer Support
Hi Kyle,
also, how can I change my mailchimp email opt in on the front page. Iโd would like to allow the name and email box to be side by side with the submit button on the right of those two boxes.
You can try and add this CSS code.
.mc4wp-form-fields { display: flex; }
Let us know if it works for you.
Sorry I know I am spamming with questions.
No problem. But if in case you have a completely different topic that needs addressing, feel free to open up a new topic. ๐
A wise man once said:
"Have you cleared your cache?"September 8, 2020 at 3:30 pm #1435889Leo
StaffCustomer SupportAs for the border/shadow, I’m still not seeing the CSS added in the link you’ve provided.
Maybe try clearing your caching plugin after adding the code?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 14, 2020 at 6:44 am #1442500kyle
Elvin, thanks this worked perfectly!
-
AuthorPosts
- You must be logged in to reply to this topic.