Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Box spacing 7.1


mportch

Question

  • Answers 32
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

.newsletter-block .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.newsletter-form-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0

Hi, any luck with this? I guess it's just a repeat of this code only I don't know what the sign up button is called?...

 

.newsletter-form-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

1924294810_ScreenShot2020-04-08at12_54_11pm.png.226f913bcdab70a2b176ef56941ef7bd.png

Link to post
  • 0

Yep I've have. It just makes the space around sign up bigger or smaller but won't align. Very strange.

Anyway, I have another idea I'd like to run past you though. How could I make it look like this instead? ...Email.jpg.b2c22daecc077c3d8edda08b6942872b.jpg 

Link to post
  • 0

Thanks. Do you know how to adjust both line and box line thickness?

And change the "Email address" to just "EMAIL" in caps so it looks like "SUBMIT"?

Link to post
  • 0

Add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
	$("div#block-ef4da39d6f1dbbdd528a input").attr('placholder','EMAIL');
});
</script>

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0

Ideally I want it to look exactly like this...

 

Align the "EMAIL" to the left of the line. Make the line black. Then change the line thickness of the subscribe button.

Email.jpg.5d89f13fad96af9c472cc1baf5e45e2e.jpg

Link to post
  • 0
.newsletter-block .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
    border-top: none;
    border-right: none;
    border-left: none;
    border-width: 2px;
    border-color: black;
}

and script code above

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post
  • 0

1. For some reason it's looking weird in mobile view on my actual mobile phone - it's showing the box as curved and showing the top corner curves. I'd like to remove the top corners and make the line straight?

2. And I'd like to change "Email Address" to caps "EMAIL" with the same letter spacing as "SUBSCRIBE"?...

unnamed-1.jpg.2f857893df0901b9f7633e0a9c3c4107.jpg

Link to post
  • 0

Q1. Seems fine here. Do you use iPhone/Safari?

Q2.

.newsletter-block .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 0 !important;
    border-top: none;
    border-right: none;
    border-left: none;
    border-width: 1px;
    border-color: #000;
    text-transform: uppercase;
}

 

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- Pour your heart into it

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...