Featured images & Related posts

Hello,

Betheme related posts (blog):
After searching why it was stretching out images to a height of 400 px there i figured i add my own custom code.
I would first ask: why is the image height in the related posts 400px? you would think it takes over tumb size.

the tumb showed up as 251x400 (so very ugly).
I have fixed this using custom.css:
.section-related-adjustment .image_frame .image_wrapper img.scale-with-grid {
    height: 180px;
}

Featured images:
For my personal situation i found the shadow box way longer then the image (basically because the image was shorter then the screen width).
quick fix for this was giving it 100% width, aslong as the images are atleast near to the width of screen size it looks decent:
in custom.css i added:
.single-photo-wrapper .image_frame .image_wrapper img.scale-with-grid {
    width:100%;
}

Now for the actual question:
I can add a single image to the blog posts using featured image.
but how can i add multiple ones to it? (that creates a simple image slider).
from the css it seems to be possible as it mentions "single image" 

Hope there's a way to rotate for example 3 - 4 images without much fuss.

Regards,
Marco

Comments

  • edited September 2014
    Hi,

    1. Image size for related posts come from functions/theme-functions.php file. Yhis is the same size as for standard blog image.

    2. In 2nd situation, you can use revolution slider instead of featured image. In revolution slider section you must create slide and then in "Post options" while you create/edit post, you must select right slider. We did it for example at http://themes.muffingroup.com/betheme/uncategorized/193,post-with-slideshow.html
  • Hey,

    Thanks for the quick answer.

    1) alright, but it's weird as the width scales proper but the height seems to not scale at all in those related images.

    With those 2 custom codes it does look alot better (my personal opinion ofcourse.. i prefer everything to be nicely aligned, and scaled else it quickly becomes a messy look).

    2) ahhh i knew i was overlooking something! i never expected it would auto pick up on revolution slides in the related posts but in your example it does it perfect.

    Thanks again :-)
  • 1) To be honest we also have no idea why this comes like that. So probably the only way to make it look better, will be your custom css above.

    We`re glad to know the rest is fine :) You're welcome!
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.