Newsletter spacing

Hello Team,

I have used a newsletter subscription in the footer of my website, but the issue is that I want to reduce the gap between the border line and the email field.
For a better understanding please find the screenshoot attached
Best

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

PFA

Hello,

You already have custom CSS applied for this form under Appearance > Customize > Additional CSS.

In your code (around line 821), the border-bottom property is being applied to the entire newsletter container, which is why the gap appears. To fix this, I recommend applying the border-bottom specifically to the email input field instead, for example:

.newsletter-form input[type="email"] {
    border-bottom: 1px solid #000;
}

Best Regards,

https://drive.google.com/file/d/1R2zgpPTcZD4A4Kgv7vxYOeqgUSxNtPsa/view?usp=sharing

It is somehow breaking the css. Kindly look into it. thanks in advance.

Hello,

Your issue has been resolved. Check back your site and check the issue.

Best Regards,

can you also reduce width of email box/container to 50% and move arrow to the left accordingly?

Hello,

Please navigate to Appearance > Customize > Additional CSS.

• At line 888, adjust the CSS rule and set the width to 50%.
• Then go to line 901 and update the right property to reposition the arrow as needed.

Best Regards,

[Author]

Posts