[Resolved] Image formatted automatically in the post

Home Forums Support [Resolved] Image formatted automatically in the post

Home Forums Support Image formatted automatically in the post

  • This topic has 11 replies, 3 voices, and was last updated 4 months ago by Fernando.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2182359
    Feber

    How to create all images in my post formatted automatically like this https://prnt.sc/Kfp2k2yTo1ff ?

    https://www.wix.com/blog/2018/08/blog-examples/

    I can do it manually if I have only 1 image in the post. But all my post has more than 6 images.

    How to make automatically formatted in the post without doing it manually for each image ?

    #2182391
    Ying
    Staff
    Customer Support

    Hi Feber,

    I’m not sure I fully understand your question.

    The screenshot you shared looks like a blog page, can you describe more specifically what style of the image are you trying to replicate?

    And what about the wix blog link? Anything from that blog we should be looking at?

    Let me know 🙂

    #2182506
    Feber

    Hi there,

    Please check this https://prnt.sc/UQyLl46gAHmq

    Thanks

    #2182531
    Ying
    Staff
    Customer Support

    Do you mean the boarder or the shadow?

    #2182537
    Feber

    Border or shadow or both is okay.
    I just want to know how to make all images in the post automatically have border or shadow or both without setting it manually one by one.

    Thanks

    #2182553
    Feber

    I got it

    img {
    padding:5px;
    background-color:#F1F1F1;
    }
    img {
    border: 1px outset #c8c8c8;
    border-radius:5px;
    box-shadow: 5px 5px 5px #B2B2BE;
    }

    I found it here https://blogtimenow.com/wordpress/add-border-frame-shadow-effects-wordpress-images/

    #2182556
    Feber

    But it also affected to my logo.
    How to make it only in the page or post ?

    Thanks

    #2182565
    Ying
    Staff
    Customer Support

    You can try switch the imgto .site img in your CSS.

    #2184344
    Feber

    Hi there it works.
    But how to exclude it from image in the footer ?

    #2184443
    Fernando
    Customer Support

    Hi Feber,

    Can you try this CSS selector instead?:

    .site .site-content img {
    	/* insert code here */
    }

    This selector should exclude the footer.

    For single posts:

    .single-post .site .site-content img {
    	/* insert code here */
    }

    Kindly let us know how it goes. 🙂

    #2184747
    Feber

    Yeah. It works. Thank you very much

    #2185675
    Fernando
    Customer Support

    You’re welcome Feber! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. 🙂

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