Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 15, 2016 at 4:28 pm #686982
    dunawaychris

    Hi,

    First, I love enfold! Great theme, even better support. Y’all are terrific!

    I have three questions about featured images for posts:
    1. Is it possible to adjust how the image is aligned? I’m thinking something like the “Background image position” in the Color Section > Background tab of a page. I’d like the featured image to begin from the top of the image, instead of only showing the middle. This may help describe it better: http://imgur.com/1E8d1gn

    2. How do I disable the lightbox effect on the featured image? I don’t want it to be an image you can click and see the full size, and I don’t want any hover effects.

    3. Is it possible for the post title to appear as an overlay on the featured image, instead of below it? Like this: http://imgur.com/Tapxs5E

    Thanks so much!

    September 15, 2016 at 4:34 pm #686991
    Yigit

    Hi dunawaychris!

    Thanks for your kind words :)
    Can you please post the link to your website as well?

    Cheers!
    Yigit

    September 15, 2016 at 4:38 pm #686992
    dunawaychris

    Wow, that was a fast response!

    Page listed in private data.

    September 15, 2016 at 4:43 pm #686994
    Yigit

    Hi,

    1- Try the following:
    a. Install this plugin: https://wordpress.org/plugins/simple-image-sizes/
    b. Go to Settings > Media
    c. Change the entry_without_sidebar image size (increase its width / height).
    d. Regenerate the thumbnails by clicking the button at the bottom.

    2&3- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .single-post .big-preview.single-big {
    pointer-events: none;
}
@media only screen and (min-width: 1024px) {
.single .big-preview.single-big {
    margin-bottom: -190px;
    z-index: -1;
}}

    Best regards,
    Yigit

    September 15, 2016 at 8:27 pm #687099
    dunawaychris

    Thanks so much! The solution for the second two questions (text overlay over featured image and removing link to image) worked great!

    The solution to #1 (align image top-center) didn’t work. As you can see (link in private data), the peoples’ heads are still cut off. I played around with the advanced editor and a full size color section in the post, but that seems like more trouble than it’s worth. I posted a link in the private data to the original image; I’m looking for the featured image to display the top section, instead of the middle section.

    This also brought up a couple of other questions:
    1. How would I add a color overlay to the featured image? Since the title text is white, I’d like to add an opaque black overlay (the “glassy” effect; probably about 0.4 or 0.5) to the featured image, so that the white text stands out more.

    2. Is there a way to get these changes to reflect on the blog page as well? (middlestreetnh.com/blog) I’d like the featured image to be semi-opaque there, and the post title to be overlaid over the featured image on the blog page as well.

    Thanks so much! I really appreciate all your help!

    Chris

    September 20, 2016 at 1:29 pm #689165
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    .page-id-804 .big-preview.single-big {
    margin-bottom: -90px;
    z-index: -1;
}

    Can you please increase image size instead? Then images would not be cropped and you can display your featured image as is? :)

    Best regards,
    Yigit

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