Christopher big quote not adaptive enought

  • Author
    Posts
  • #96248

    Hi Ricardo,

    as said love the theme and layout and I’m working on details now.
    You can go to my philippecastagna.com and see that I separate sections with widget big quote.
    However when I look on a smartphone screen the letters get mix up as the fonts are not really reducing the size enought.

    I find a trick and made a snippet to reduce the size of the letters to the point that it solve the issue on the smartphone. However as you can see on a computer screen the size of the quote is too small.

    Could you please assist with that.

    Thank you!
    Philippe

    The blog I need help with is philippecastagna.com.

    #96410

    ricardpriet
    Theme Author

    Hello Philippe

    Yes, if you want to have the quote in one line, lets add the following CSS:
    (you can delete the previous CSS that you have added to change the font size in this section):

    .widget_christopher_quote .quote-text p,
    .widget_christopher_quote p.quote-author {
    	font-size: 16px;
    	line-height: 1;
    }
    
    @media (min-width: 590px) {
    	.widget_christopher_quote .quote-text p,
    	.widget_christopher_quote p.quote-author {
    		font-size: 22px;
    	}
    }
    
    @media (min-width: 768px) {
    	.widget_christopher_quote .quote-text p,
    	.widget_christopher_quote p.quote-author {
    		font-size: 26px;
    	}
    }
    
    @media (min-width: 992px) {
    	.widget_christopher_quote .quote-text p,
    	.widget_christopher_quote p.quote-author {
    		font-size: 32px;
    	}
    }

    You can edit the numbers of px for each resolution if you need more or less font size.

    Hope this helps.
    Thank you again!
    Ricardo P. from SiloCreativo

    #96413

    Hi Ricardo,

    what a fast and accurate support. I’m impressed!

    many thanks and certainly will need you another time ;)

    Have a great day!

    Philippe

    #96414

    ricardpriet
    Theme Author

    Fantastic, you are welcome :)

    Have a nice day!
    Ricardo

The topic ‘Christopher big quote not adaptive enought’ is closed to new replies.