Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #907902

    Ann
    Participant

    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,
    Ann

    #907906

    Ann
    Participant
    This reply has been marked as private.
    #908067

    Rupok
    Member

    Hi 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!

    #908549

    Ann
    Participant

    Thank you! It is all working now 🙂

    #908647

    Paul R
    Moderator

    You’re welcome! 🙂

    #1048553

    Ann
    Participant

    Hi 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

    #1048920

    Rue Nel
    Moderator

    Hello 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 css line-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.

    #1054079

    Ann
    Participant

    Thanks 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

    #1054106

    Ann
    Participant

    I 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

    #1054108

    Ann
    Participant

    I 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

    #1054117

    Ann
    Participant
    This reply has been marked as private.
    #1054229

    Christopher
    Moderator

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

    #1060452

    Ann
    Participant

    I 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!

    #1060731

    Rue Nel
    Moderator

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