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

Change banner text size, it's tiny on mobile

Recommended Posts

Site URL: https://www.kvinnohistoriska.se/aktuellt

Hi all!
I'm stuck at a problem when working on one of my sites. The page banner text size is for some reason tiny in mobile view, and I can't seem to come up with, or find, code to help. The banner image (which is just a .png in the color I want as background) is also way too high, I would like the text to be much bigger but the banner much shorter.

https://www.kvinnohistoriska.se/aktuellt

I've tried this code below but it doesn't work, even if it works for changing color, font etc. Just not the size.

@media screen and (max-width: 960px) {

  .desc-wrapper p>strong, .desc-wrapper p>em>strong {
    font-size: 37px;
} }

I would really appreciate some help ❤️

1805178663_Skarmavbild2020-03-26kl_18_47_10.thumb.png.03be6497f4ceab0c8bc5059f42305367.png1032565641_Skarmavbild2020-03-26kl_18_47_21.thumb.png.ee32196690db0818829f7b405c85a222.png

Share this post


Link to post

Add to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:640px) {
  .desc-wrapper p {
    font-size: 50px !important;
}
  }
</style>

 


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

-- I'm Tuan. I work for a non-profit project (promote the establishment of 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. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Thanks tuanphan, I added code for the bold text, removed <style> and added it to Custom CSS to get it site-wide and now it works perfectly. 

  @media screen and (max-width:640px) {
  .desc-wrapper p, p>strong, .desc-wrapper p>em>strong {
    font-size: 50px !important;
}
  }

 

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