Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Repositioning Text in Image Block: Poster


Recommended Posts

Site URL: https://www.rosedemaris.com/

Template: Flores

On my site's homepage, there's an Image Block: Poster that I like. I like the way the text overlays the image. 

However, I am hoping to change the current image of an orange blossom to a new photograph; when I upload the new photograph I'd like to use, the text "Rose DeMaris" is covering an important part of the photo. How can I move the text down to the bottommost part of the image so it isn't blocking it so much? I'd really like to keep the text ON the image, just lower it. I don't want to put text below the image or have it be a caption. 

Screen Shot 2020-02-07 at 4.17.07 PM.png

Link to post
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Add to Page Settings > Advanced > Header

<style>
  .image-card-wrapper {
    padding-top: 40vw;
}
</style>

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
43 minutes ago, rose1901 said:

Thank you; I'd like to be able to try the above suggestion, but it seems I can only do it if I upgrade my plan (?). Is there any other way? 

No. Code can work in trial plan. If you use Personal Plan, add this code to Home > Design > Custom CSS

.homepage .image-card-wrapper {
    padding-top: 40vw;
}

 

Edited by tuanphan

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Thanks again. I appreciate your time! I did the above. Saved the code. Reloaded the home page a few times. The words are still in the middle of the photo. What am I missing?

Screen Shot 2020-02-08 at 9.44.51 AM.png

Link to post
On 2/8/2020 at 11:46 PM, rose1901 said:

Thanks again. I appreciate your time! I did the above. Saved the code. Reloaded the home page a few times. The words are still in the middle of the photo. What am I missing?

 

Try saving & view live site.

image.thumb.png.1bea4ab9fed7903d1cd9dfd38a65d5b0.png

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...