Remove zoom effect on image and add dividers between blogs

knm206

1. When you hover over the featured image on the blog page it has a zoom effect, how can I remove that? I'd like to have it be a static image with no effects: http://teamworxsolutions.com/teamworx/ Same issue on the individual blog pages
2. Can I add a line divider between the blog posts on this page? http://teamworxsolutions.com/teamworx/
3. Is there a way to update the styling on the "read more" section? I'd like to remove the grey background, left align the text and make it blue: http://teamworxsolutions.com/teamworx/

knm206

I was able to resolve #1.

I just need help with 2 and 3

Phil

Hello,

To have a line divider and update the styling on the "read more" section, you will have create Custom CSS Code, and put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

If you will need help to write it, please, let me know ?

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

knm206

Can you help write it? If you provide a sample I can tweak it. Also is there a way to tweak the spacing between the posts?

Phil

Please, try to use the following Custom CSS Code.

.blog_wrapper .post-item{
 padding-bottom: 10px!important; /*this code gives space between post and line divider*/
 border-bottom: 5px #000 solid; /*this is line divider*/
}
.blog_wrapper .post-item .post-footer{
 width: 160px!important;
 background: transparent!important;
}
.blog_wrapper .post-item .post-footer .post-links,
.blog_wrapper .post-item .post-footer .post-links .post-more{
 text-align: left!important;
 color: blue!important;
 border: none!important;
}

Be aware that modifications like this can affect on the website display, and best option for you will be contact your webdeveloper for modifications like that next time.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next