Return to Support

Content text not formatting correctly on mobile (using graphene mobile neo)

Home Forums Graphene WordPress theme Support Content text not formatting correctly on mobile (using graphene mobile neo)

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #10443
    Cydm
    Member

    I managed to transfer get basically everything settled on mobile view, but the text in my content, both pages and posts, doesn’t seem to be formatting correctly. When viewing in mobile, it all squishes together in the center, with only one or two words per line. I have a line of code added to the html of all the posts and pages to create a wider margin on the left and right side of my text so it will space toward the center of the page in desktop, so I think that might be what is causing the problem. Is there a way to keep that margin in desktop, but not make the text in mobile messed up?

    This is the code I have put in the html at the top of pages and posts:

    ‘<div id=”about” style=”margin-left: 125px; margin-right: 125px; text-align: left;”>’

    You can probably see what I am talking about with the text if you open this page in mobile view:

    http://fivbook.com/about/

    Also, I have been trying to find a way to change the font color for the header in my category archive pages, as is shows up orange in mobile. I have set all the color font options to green and white in the graphene neo options area, but the header in category archives doesn’t seem to have changed:

    http://fivbook.com/category/articles/

    http://fivbook.com/category/media/

    Sorry for all the questions!

    Thanks

    (note: i cant post in graphene neo forums, which is why i posted this here)

    #46137
    Syahir Hakim
    Keymaster

    Remove the HTML you inserted to get the margin, and enter this code instead in Graphene’s Custom CSS option:

    .entry-content {
    padding: 0 125px;
    }

    To change the colour of the archive title, insert this code in the Graphene Mobile Neo’s Custom CSS option:

    .archive-title .term-title {
    color: #d0590a;
    }

    Change the colour code as required.

    #46138
    Cydm
    Member

    Thank you!! 🙂

    Is there a way to change the text of the archive titles? (for both graphene and neo)

    #46139
    Cydm
    Member

    Hey, so is there a way to add an exception to that css code that creates the margin, so that it applies to every page except the home page? The text looks really great on all the posts and pages, but the home page is a few very big graphics, and the wide side margins are causing the graphics to be shrunk down. So is there a way to add an exception for the home page in the code?

    .entry-content {
    padding: 0 125px;
    }

    Thanks for all of your help!!

    Fivbook.com

    #46140
    Syahir Hakim
    Keymaster

    Add this code:

    .home .entry-content {
    padding: 0;
    }

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

You must be logged in to reply to this topic.