[Resolved] Post Border & Shadow CSS

Home Forums Support Post Border & Shadow CSS

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #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

    #1435248
    kyle

    Hi has anyone seen this question yet?

    #1435277
    David
    Staff
    Customer Support

    Hi 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.

    #1435287
    kyle

    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?

    #1435296
    David
    Staff
    Customer Support

    Sorry 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;
    }
    #1435313
    kyle

    thanks David, where would I add that exactly, like what number? right n the beginning or doesnt it matter?

    #1435315
    kyle

    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?

    #1435544
    Leo
    Staff
    Customer Support

    It 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 šŸ™‚

    #1435744
    kyle

    Okay sure I’ll do so now so that you can see.

    #1435747
    kyle

    Okay it is added

    #1435757
    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.

    Sorry I know I am spamming with questions.

    thanks for your help guys!!

    #1435807
    kyle
    #1435823
    Elvin
    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. šŸ˜€

    #1435889
    Leo
    Staff
    Customer Support

    As 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?

    #1442500
    kyle

    Elvin, thanks this worked perfectly!

Viewing 15 posts - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.