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

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


myrto
Go to solution Solved by tuanphan,

Question

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
Link to post
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

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;
}


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

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

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