How can I add an image to the bottom of a text block in the Dawn theme?

Store Design
1

Hello, I’m trying to add my signature to the bottom of a textbox in order to personalize my website. I am using the Dawn theme. Does anyone know how to do this? Thanks!

Screenshot 2023-02-04 at 4.27.35 PM.png
Screenshot 2023-02-04 at 4.27.35 PM.png834×1000 69.2 KB

1 Like
2

Hi @Meadowthorn ,

Can you share your store url

3

To add your signature to the bottom of a textbox in the Dawn theme, you will need to edit the HTML and CSS code for your website. Here are the steps you can follow:

  1. Create an image of your signature: You can use a graphics editing software such as Adobe Illustrator or Canva to create an image of your signature.

  2. Upload the signature image to your website: You can use the media library in your website’s content management system (CMS) to upload the signature image to your website.

  3. Add the signature image to the HTML code: Open the HTML code for the page or post where you want to add the signature. Find the textbox where you want to add the signature and add the following code to include the image:

Your Signature

  1. Style the signature with CSS: To style the signature and position it at the bottom of the textbox, add the following CSS code to your website’s stylesheet:

.signature {
display: block;
text-align: center;
margin: 20px 0;
}

  1. Apply the CSS class to the signature image: Finally, add the class “signature” to the <img> tag you added in step 3:

Your Signature

Save your changes and preview the page to see your signature at the bottom of the textbox. You can adjust the size and positioning of the signature as needed by modifying the CSS code.