[Resolved] Using an image from amazon s3 as header image in Generatepress

Home Forums Support [Resolved] Using an image from amazon s3 as header image in Generatepress

Home Forums Support Using an image from amazon s3 as header image in Generatepress

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #129863
    Ben Foo

    Hi,

    Is there any way to use an image from amazon s3 as header image in Generatepress? Thank you.

    Best Regards,
    Ben Foo

    #129866
    Tom
    Lead Developer
    Lead Developer

    Hi Ben,

    The “Image” tab in Page Header won’t work with external URLs, but you can use the “Content” tab and then use HTML in the textarea:

    <img src="URL TO YOUR AMAZON S3 IMAGE" alt="" />

    #130123
    Ben Foo

    Thanks very much Tom!

    Best Regards,
    Ben Foo

    #130125
    Ben Foo

    One more question Tom,

    If I successfully place the picture in the header using the content tab as instructed above, does it mean that the picture will appear in Masonry? Thanks again.

    Best Regards,
    Ben Foo

    #130127
    Tom
    Lead Developer
    Lead Developer

    It should – as long as you’re adding a post and you check the “Add to blog excerpt” option.

    #130139
    Ben Foo

    Hi Tom,

    Thanks. I’ve got the picture up. At the same time, I can’t seem to change the size of the image like you did in the video. How do I go about doing it?

    #130141
    Tom
    Lead Developer
    Lead Developer

    Since you’re adding it as HTML, GP doesn’t have as much control over it.

    If you can’t control the dimensions of the image before uploading it to Amazon, you can use CSS:

    <img src="URL TO YOUR AMAZON S3 IMAGE" alt="" style="max-width:1000px;" />

    #130142
    Ben Foo

    Hi Tom,

    I do not know much about css. Can you help me on this? If I want to change the height and the width, what do I key. I believe the css below is only for width right?

    Thanks again Tom!

    Best Regards,
    Ben Foo

    #130263
    Tom
    Lead Developer
    Lead Developer

    You can also do height, but it may cause quality loss if you use both:

    <img src="URL TO YOUR AMAZON S3 IMAGE" alt="" style="height:300px;" />

    It’s best if your resize your image to the dimensions you want before uploading it to Amazon.

    #130766
    Ben Foo

    Thanks again Tom!

    #130785
    Tom
    Lead Developer
    Lead Developer

    No worries ๐Ÿ™‚

    #137266
    Ben Foo

    Hi Tom,

    What is the optimal dimensions I should resize my image to so that I can do what you did in the video with the masonry? What I’m planning to do is to get all the pictures to one side of the webpage. Like what you did with your website under masonry. Thank you.

    Best Rgds,
    Ben Foo

    #137303
    Tom
    Lead Developer
    Lead Developer

    Hi Ben,

    It’s really your preference/whatever looks good.

    You want to resize your images to be as close to the displayable size as possible, but GP will make sure they fit in their container no matter how big they as (as long as they’re not too small).

    Let me know if you need more info ๐Ÿ™‚

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