Font size problem in posts

  • alexanderweidner

    (@alexanderweidner)


    9 years, 3 months ago

    I’ve been trying to understand how to change the size of my posts (preferably using em and not pixels).

    I’m a total newbie in browsing in CSS sheets and I have no clue what I am doing. Can someone give me a sign ?

    http://alexanderweidner.com/?page_id=135
    => The news text is extremely slow on safari and chrome by default.

    http://alexanderweidner.com/?p=198
    => The text in my posts is ridiculously small as well !

    Many many thanks, I hope someone can come up with a solution that I can comprehend !

Viewing 5 replies - 1 through 5 (of 5 total)
  • Subrata Sarkar

    (@subrataemfluence)

    9 years, 3 months ago

    Hi,
    I was inspecting http://alexanderweidner.com/?page_id=135

    The default stylesheet is located here:
    http://alexanderweidner.com/wp-content/themes/relia/inc/css/style.css?ver=1.0.7

    and you will find the following rule defined in the above CSS file

    
.blog-post-overlay div.post-content {
    color: #D9D9D9;
    font-size: 9px;
    text-align: right;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 10px;
}

    In order to make the text bigger (ex. “MIKRO is a new TV series starting…”) change the following line in above defined rule

    font-size: 9px; to something like font-size: .8em;. Save the stylesheet and refresh the page.

    For the other page you mentioned, i.e. http://alexanderweidner.com/?p=198 the defined rule being used for displaying content could again be found in the same CSS file.

    The rule is

    
div.post-content {
    font-size: 12px;
}

    Change font-size: 12px; to something like font-size: 1em;.

    Let me know if that works!

    NB: Ignore ?ver=1.0.7 part in stylesheet url (http://alexanderweidner.com/wp-content/themes/relia/inc/css/style.css?ver=1.0.7). The actual style sheet is style.css where you have to make those changes.

    • This reply was modified 9 years, 3 months ago by Subrata Sarkar. Reason: Extra info about CSS versioning added
    Thread Starter alexanderweidner

    (@alexanderweidner)

    9 years, 3 months ago

    Many thanks ! Sorry for being a complete newbie but here is what I still don’t get despite of your explanations that seems so clear 🙂

    In order to find that syle sheet, I log in my wordpress dashboard thing and go Appearance > Editor > and then at the bottom i have Stylesheet (style.css), is that right ? When I click that, I do get a page with a lot of code but when I do a search for any of the lines you mention, I find no result 🙂 What am I doing wrong ? I’m in that Edit Themes Relia : Stylesheet (style.css) and can’t find any of that code :p

    Thread Starter alexanderweidner

    (@alexanderweidner)

    9 years, 3 months ago

    I’m under the impression that the page you’re showing me that appears in my browser can not be edited via wordpress interface and that I need to use a FTP app to go find that file and edit it ?

    Subrata Sarkar

    (@subrataemfluence)

    9 years, 3 months ago

    It is probably not the default stylesheet! Yes, you may open the CSS with an editor and add the changes. I hope this should work.

    kyleboehlen

    (@kyleboehlen)

    9 years, 1 month ago

    After making the changes above I still seem to have the same font size issues. In my blog posts, menu bar, and tagline.
    Hallllpppppp.

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

The topic ‘Font size problem in posts’ is closed to new replies.