- This topic has 12 replies, 2 voices, and was last updated 5 years, 10 months ago by Tom.
August 16, 2015 at 8:51 pm #129863Ben Foo
Is there any way to use an image from amazon s3 as header image in Generatepress? Thank you.
Ben FooAugust 16, 2015 at 11:57 pm #129866TomLead DeveloperLead Developer
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="" />August 17, 2015 at 9:06 pm #130123Ben Foo
Thanks very much Tom!
Ben FooAugust 17, 2015 at 9:44 pm #130125Ben 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.
Ben FooAugust 17, 2015 at 10:50 pm #130127TomLead DeveloperLead DeveloperAugust 18, 2015 at 12:22 am #130139Ben Foo
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?August 18, 2015 at 12:34 am #130141TomLead DeveloperLead 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;" />August 18, 2015 at 12:52 am #130142Ben Foo
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!
Ben FooAugust 18, 2015 at 9:21 am #130263TomLead DeveloperLead 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.August 19, 2015 at 10:41 pm #130766Ben Foo
Thanks again Tom!August 19, 2015 at 11:45 pm #130785TomLead DeveloperLead DeveloperSeptember 16, 2015 at 7:14 am #137266Ben Foo
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.
Ben FooSeptember 16, 2015 at 9:26 am #137303TomLead DeveloperLead Developer
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 🙂
- You must be logged in to reply to this topic.