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

Newsletter header description font size change (for desktop & mobile view)

Question

Posted (edited)

Hello,

I'm looking to change the newsletter text beneath the header font. I already changed the header using this code:.newsletter-block .newsletter-form-header-title { font-size: 38px; font-weight: bold;}

And now I want to change the text under the header.

The Newsletter header also appears very small in mobile - cannot find any solution to it - any code to adjust that would be so helpful!!!

Also: I am noticing that the input form boxes are not 100% aligned with the Submit box - just a tiny difference but I can see it! Is it fixable? I am using Avenue template by the way.

Thank you!

Edited by myrto
Initial Revision

Share this post


Link to post

4 answers to this question

Recommended Posts

  • 0

@myrto Text below Join our community

For Mobile


@media screen and (max-width:640px) {
.newsletter-form-header-description p {
   font-size: 30px !important;
}
}

For Desktop & Tablet


@media screen and (min-width:641px) {
.newsletter-form-header-description p {
   font-size: 50px !important;
}
}

align button, add this CSS


.newsletter-form-button {
   padding-bottom: 0.8em !important;
}


Share this post


Link to post
  • 0

Thank you so much @tuanphan !!!

For the alignment I added padding on the top and after a few tweaks I got it right.

Share this post


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...