Okay
  Public Ticket #381074
Image Treatments for Posts
Closed

Comments

  • Andy started the conversation
    February 25, 2015 at 7:55pm

    Before I start going all child theme and finding my own path I wanted to ask if there was anything I was missing, or any recommendations for getting a little more design-oomf out of images in posts. The entire theme is just awesome but there is no love given to images in posts, they're just--there.

    Anything I am missing to make them more beatific?

  • Andy replied
    February 25, 2015 at 7:59pm

    Sorry-this can be made public. Didn't mean for it to be private. Doesn't seem to be a way for me to change it once set.

  •  8,848
    Tahir replied
    February 26, 2015 at 2:24pm

    Hey Andy!

    What exactly are you looking to do with the images ? .

    Thanks

    ThemeNectar Support Team 

  • Andy replied
    February 26, 2015 at 7:50pm

    Really anything--the easiest thing that I could affect would be just a border. It'd take a lot more work for me to get in something more stylized like a mild drop shadow, rounded edges or framing them.

    It's really just constrained to blog post image use. When you're bringing in a number of floating/aligned images supporting a post they don't have enough connectivity to the area. Added a screenshot. The design side of my brain just feels its too disconnected or disconnected without purpose.

  •  8,848
    Tahir replied
    February 26, 2015 at 10:30pm

    Can you provide the blog post page url so i can try and write some custom css for you.

    Thanks

    ThemeNectar Support Team 

  • Andy replied
    February 27, 2015 at 6:35am

    Sure Tahir, thanks for checking it out. http://homemadechocolategifts.com/2015/2014-year-in-review-the-chocolate-saga/

  •  8,848
    Tahir replied
    February 27, 2015 at 4:01pm

    Hey Again!

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    #post-area .content-inner img {
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
    -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
    border-radius:5px;
    border:2px solid #fff ;
}

    Thanks

    ThemeNectar Support Team 

  • Andy replied
    February 27, 2015 at 8:47pm

    Thanks for this Tahir. It's little touches like this that make everything sing.

    I appreciate your help and your time.