Tagged: x
-
AuthorPosts
-
May 1, 2016 at 10:12 am #907902
Hi there,
Have you experienced text cutting of depending on what browser you use? My slider text (homepage) and contact page h1 title are all cut off, but only when viewed in Safari. The screen shots attached are all from browsing Safari.
Any idea why?
Thanks,
AnnMay 1, 2016 at 10:12 am #907906This reply has been marked as private.May 1, 2016 at 12:12 pm #908067Hi there,
Thanks for writing in! It seems you are not using right line height for the text as you have set very large font size. You should select a larger line-height when you have larger font-size.
If you can’t set right line-height individually, you can try try this custom CSS under Customize > Custom > CSS :
.rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap * :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap * :last-child { line-height: 1.8 !important; }
Hope this helps.
Cheers!
May 1, 2016 at 11:32 pm #908549Thank you! It is all working now 🙂
May 2, 2016 at 1:50 am #908647You’re welcome! 🙂
June 18, 2016 at 11:55 am #1048553Hi there,
What should I add under custom if headers throughout the site keeps getting cut off with the font I have? I understand it has to do with the line-height, just note sure what the code would be. I don’t use the font for the slider anymore so I removed the previous code.
Thanks!
Ann
June 18, 2016 at 10:58 pm #1048920Hello There,
In your custom css, you have this:
h1 { color: rgb(188, 213, 162) !important; line-height: 60px !important; }
This code forces the line height. I would recommend that you add an inline css
line-height: {your-font-size}px !important
in your custom headline. As an example on this page; https://onlineconsigncouture.com/the-story/, in your custom headline you added this inline cssline-height: 70px; color: rgb(200, 220, 180); font-size: 55px;
. I would recommend that you update the code and use this instead:line-height: 70px !important; color: rgb(200, 220, 180); font-size: 55px;
Hope this helps.
June 22, 2016 at 5:37 am #1054079Thanks Rue!
I actually removed the code completely, I don’t really need it anymore. However, I noticed that all h3 titles are cut off here https://onlineconsigncouture.com/boutique/. I added this:
.woocommerce li.product .entry-header h3 a, .woocommerce-page li.product .entry-header h3 a {
line-height: 70px !important;
}…but nothing happened. Any idea how to solve that?
Thanks!
Ann
June 22, 2016 at 5:54 am #1054106I figured it out.. I had to clear my W3 Total Cache.
Now I have a new problem. After clearing the cache I can’t edit the site anymore. I’m logged in to wordpress but have no option to edit with cornerstone nor customizer. What can I do to see the topbar and all edit options again?
Thanks!
Ann
June 22, 2016 at 5:55 am #1054108I received this error message just now: Fatal error: Allowed memory size of 67108864 bytes exhausted (tried to allocate 72 bytes) in /home/maryannesefton/public_html/wp-includes/functions.php on line 2965
June 22, 2016 at 6:00 am #1054117This reply has been marked as private.June 22, 2016 at 7:52 am #1054229Hi there,
Please connect to FTP and add following code in wp-config.php file :
define( 'WP_MEMORY_LIMIT', '96M' ); define( 'WP_MAX_MEMORY_LIMIT', '256M' );
Please note, this setting may not work if your host does not allow for increasing the PHP memory limit–in that event, contact your host to increase the PHP memory limit.
In regards with, header cutting off, please provide us with screen shot.
Thanks.
June 26, 2016 at 5:19 pm #1060452I didn’t do any changes at all but somehow it is working now. Strange!
I have attached two screen shots from the cut off text. It’s taken from this page https://onlineconsigncouture.com/boutique/
using Safari..Thanks!
June 26, 2016 at 9:06 pm #1060731Hello There,
Thanks for providing the screenshot. This is browser specific issue especially if you are using cursive fonts. I would recommend that you center the text instead. Please add the following css code in the customizer, Appearance > Customize > Custom > CSS
.woocommerce li.product .entry-header{ overflow: visible; text-align: center; }
Please let us know if this works out for you.
-
AuthorPosts