how to change text on hero banner shopify

page five,welcome back to the pagefly video,tutorial series,in today's video i will guide you how to,add text on the image in pagefly,don't forget that we have 24 7 in app,live chat so you can reach out to us,anytime you need,firstly drag and drop a full section,into the page canvas,to add text on an image you will need a,background image,choose the section go to the styling tab,scroll down to the background parameter,here,and add the background image here,keep in mind that if you want to create,a hero banner the recommended image size,is from 1200 pixel for width to make the,background bigger you can increase the,height of the section by adjusting its,padding here,scroll down again and i click on more,settings,i set center for the background position,with the background size if you click,contain the image will show the actual,size,if you choose cover the image will cover,the whole section,if you choose fixed with background,attachment the section will display with,an effect like this,note that this effect only work on,desktop not mobile,and here is where you can add overlay,color to the background image,so now i will add content on this image,i will add a heading,and a button,and spend a few minutes customizing them,please note that any change for style of,elements you add on image also affects,the height of the background image,for example when i change the font size,of this heading,the background image will be bigger,in this case you can adjust its padding,to make the image smaller,now you can change the position of this,content block on the background image,if you want to move the content to the,top edge or bottom edge simply adjust,the top and bottom padding of the,section,if you want to move the content to the,left or right edge choose the section go,to the general tab and turn off the set,fixed width button,now if you want to align this content,simply click the its container that is,the column,go ahead to the styling tab text,alignment,and align here,or adjust the padding here,before publishing the page don't forget,to switch to mobile view to ensure the,responsibility,as you see the background image is quite,big so you can adjust its padding to,make it look better,you can remove unnecessary padding or,margin,and customize content on the banner,after everything looks fine go ahead to,save and publish the page,this is the end of the video tutorial,don't forget to subscribe our youtube,channel to get more new video tutorials,these are other videos on our channel,you also may need,thanks for watching

Congratulation! You bave finally finished reading how to change text on hero banner shopify and believe you bave enougb understending how to change text on hero banner shopify

Come on and read the rest of the article!