Theme: Honey (I am lookning for the shopify-email-marketing-confirmation__container)

[alexandermen]

Hello,

I am currently utilizing the Honey theme, and I need assistance locating the `shopify-email-marketing-confirmation__container.` I cant find the right CSS file.

Customers who subscribe to our emails and enter their email addresses receive a confirmation email to verify their subscription through a double opt-in process. See screenshot. 

I appreciate your help.

[DitalTek]

Hi

If possible, you can leave the url store here that make check to help you be easy.

[alexandermen]

Opt in page:
Link to the OPT IN

[steve_michael2]

Hi @alexandermen ,

The shopify-email-marketing-confirmation__container is likely part of the Honey theme's specific template for email marketing. Here's how you can locate and edit the relevant CSS or template file:

1. Access the Theme Editor:
   Go to your Shopify Admin panel: Online Store > Themes > Actions > Edit Code.

2. Search for the Template:
   In the code editor, search for files related to email marketing or subscription confirmation. Start with:

   • Templates: Look under Sections or Snippets for files named similarly to email-marketing, confirmation, or subscription.
   • CSS Files: Search within the Assets folder for CSS files such as styles.css, theme.css, or files named specifically for forms or email confirmations.

3. Search Within Files:
   Use the search bar at the top of the editor and type shopify-email-marketing-confirmation__container. This should locate where this class is used in HTML, Liquid, or CSS files.

.shopify-email-marketing-confirmation__container {
    /* Your styles here */
}

Check in Theme Customization Options:
Some themes allow you to configure email marketing layouts directly from the theme customizer. Explore this option under Online Store > Themes > Customize.

[alexandermen]

Thank you for your assistance!

I checked the search bar at the top of the editor but couldn’t find anything. I also manually searched through the main CSS and snippets, but still came up empty.

[DitalTek]

Hi,

That page you are using app to render right?

Because when i check the theme source does not contain that file.

https://www.morphoderm.com/cdn/shopifycloud/shopify/assets/storefront/email_marketing_confirmation-3...

So it can be handling by app that the store using.

So to overwrite style by css you can write css code in base.css file and add important attribute to properties.

https://www.morphoderm.com/cdn/shop/t/10/assets/base.css?v=29417699803237819251697783696

[alexandermen]

Are you saying that the CSS isn't part of the theme and will be generated by Shopify?

I want to edit out the company name. 

.shopify-email-marketing-confirmation__container {
max-width: 560px;
max-width: 65ch;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}

.shopify-email-marketing-confirmation__preview-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 80px;
text-align: center;
background-color: rgba(0,0,0,0.1);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}

[DitalTek]

oh i see, you want to change the content of that part, 

To find the test on that i think you need check in code directly, you can download code from live theme to your local to easy for check and finding.