We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

(Dawn) How to Move the "Updates" text, add a submit button

(Dawn) How to Move the "Updates" text, add a submit button

friendlyrobot19
Excursionist
20 0 6

How can I

1. Move the updates text to the left side and closer to the box.

2. Add a submit to my email signup

 

How it is currently:

31234214214.PNG

How I would like it to look: 

q1.PNG

 

Store link: https://95d536-88.myshopify.com/         

Store keycode: www

Reply 1 (1)

SetuBridge_
Shopify Partner
263 61 86

@friendlyrobot19 

Here are the steps you can follow:

1. Navigate to Online Store > Themes > Edit Code.

2. Locate and open the base.css (or theme.css, custom.css) file.

3. Paste the code snippet provided below at the bottom of the file, then save your changes.

(Add a button inside the form tag and apply the provided CSS to the form. Also, apply CSS to the subheading class for h3 elements.)

"I am attaching a screenshot below as a reference to illustrate how it should look."

.newsletter__subheading h3 {
    position: relative;
    right: 100px;
    top: 15px;
}

#contact_form{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;

}

.button_submit{
    height: 47px;
    background-color: transparent;
    border: 1px solid grey;
}

 

DipenPanchal_0-1722065774764.png

 

 

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

Shopify Partner | Shopify E-Commerce Solutions Provider