CYBER MONDAY SALE! 30% DISCOUNT!! Coupon code:cm30 Enjoy!!!

Font weight change on mobile/iPad when image align left/right etc

Home Forums Spacious Free Font weight change on mobile/iPad when image align left/right etc

This topic contains 4 replies, has 3 voices, and was last updated by  Rajesh 3 weeks, 1 day ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1393993

    duncan.levene
    Participant

    Hi there,

    I think I have found a glitch/error, unless it can solved with some css. When I set the font weight for the item i believe to be the concern it still makes a difference on the mobile or iPad size versions. It displays correctly on the browser when I set the size but when I look from the mobile it doesn’t.

    I have an image aligned left or right, the text to the side of the images changes size and weight. I have successfully solved the font size issue with css, but when adding font-weight css to the same element (.entry-content.clearfix) it doesn’t make a difference. Also it seems that my bullet point list (ul – unorderlist and li) font weight changes as well. Below is the custom css I have added, which has solved some of my issues. Links to live site and relevant pages at end of post

    /*—– post entry content font weight —-*/

    .post .entry-content {
    font-weight: 300;
    font-size: 15px;
    }

    .entry-content.clearfix {
    font-size: 15px;
    }

    http://runiversityoflife.com/about/
    http://runiversityoflife.com/back-on-the-road-again/

    Thanks in advance 🙂

    #1394047

    Nilan
    Moderator

    Hi Duncan,

    Please make some adjustments on your custom CSS as below;

    .post .entry-content, .post .entry-content p, .post .entry-content li {
        font-family: 'Roboto', sans-serif;
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
    }

    Hope this will be helpful to you.

    Regards,
    ThemeGrill Support

    #1394055

    duncan.levene
    Participant

    Thanks very much, but unfortunately it has made no difference what so ever. I think it has something to do with “clear fix” if I don’t change the size there its larger, its the font weight which is wrong but only on the pad and mobile not desktop.

    I do hope we can solve this.

    #1394057

    duncan.levene
    Participant

    solved, thanks for pointing me in the right direction.

    .entry-content.clearfix {
    font-family: ‘Roboto’, sans-serif;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    }

    #1394300

    Rajesh
    Moderator

    Hi @duncan.levene,

    Glad to know your issue is resolved. If you get any issue later, feel free to ask again.

    Thanks.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.