Font Sizes are different with CSS

  • dannyrose1845

    (@dannyrose1845)


    6 years ago

    Hi there,

    My site is showing some problems. I’m using the Sahifa theme.

    1- Everything was working so good but a few days ago I’ve Noticed some fonts sizes (featured grid in homepage and related posts in Posts) are bigger than normal.

    I didn’t make any changes to CSS files. But adding Aouptimize plugin for js and WP-Optimize for Cache problem.

    And there is another Problem:

    I think the cache problem is ruining the experience for Users and Visitors. Because they told me The website doesn’t update before they hit the Refresh button.

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Moderator bcworkz

    (@bcworkz)

    6 years ago

    Optimization plugins often optimize CSS files as well. In some cases this can cause certain CSS rules to fail. If the CSS required to fix the font issues isn’t too extensive, place the correct rules in the Additional CSS panel of the customizer where they would generally override any errant rules. If that’s not feasible, configure the plugin to not optimize CSS.

    Unless a page is updated by script, it’s normal to need to refresh to see changes. Updates via script wouldn’t generally be affected by caching. If you have caching issues with specific pages, you might be able to exclude those pages from the caching scheme.

    Thread Starter dannyrose1845

    (@dannyrose1845)

    6 years ago

    I deleted the plugins and re-uploaded the CSS files. But the problem is still here. for the fonts!

    Google Chrome developer shows some bootstrap CDN things. (see the screenshot)

    The font sizes and also font family in the related section are different from CSS.

    when I edit the bootstrap CSS in chrome Font-family changed but just for me. and that’s not the solution because this is temporary until refresh.

    and I’m testing the cache problem too.

    Moderator bcworkz

    (@bcworkz)

    6 years ago

    If you copy the modified rules from the developer tool to Additional CSS of the customizer, the rules should override any other rules from external files for all users.

    Something is odd about your screenshot. Apparently the font size is 14px, yet the font displayed in the post excerpts looks much larger. Are you sure the body font size is what you want to change? If you mainly want to target the excerpt font size, you should select that element in the developer tool and adjust its CSS rule instead of the body font size.

    Thread Starter dannyrose1845

    (@dannyrose1845)

    6 years ago

    no. the body font size is OK. The related posts section (left red rectangle) and some of the headings are affected with different font sizes and even different font families.

    I didn’t have these problems. I don’t know what happened and these problems shows up

    Moderator bcworkz

    (@bcworkz)

    6 years ago

    Optimization plugin methods can alter CSS behavior. You can either disable the optimization of CSS or add overrides to Additional CSS.

    Thread Starter dannyrose1845

    (@dannyrose1845)

    6 years ago

    Bro, I said once. I deleted the plugins!
    Even they were activated the CSS option was off.

    And now what is the scaffloading stuff?

    Moderator bcworkz

    (@bcworkz)

    6 years ago

    The cause is moot. It is now what you have. The solution is corrective CSS.

    Thread Starter dannyrose1845

    (@dannyrose1845)

    6 years ago

    I reset the CSS files with the original ones that I had from Envato.
    why scaffloading.min.css is overriding my CSSs?
    And how can I remove that? or Disable?
    🤦🏻‍♂️

    Thread Starter dannyrose1845

    (@dannyrose1845)

    6 years ago

    I tested with adding the “!important” to font-sizes in my style.css
    But no actions in this section Called related-posts.

    as you can see the title is in the “<h3>” tag. and the classes are defined in JS I think. SCREENSHOT1

    Same problem with this section on my front page with JS. The reason I added a JS optimizer 🙂 see SCREENSHOT2

    ….

    Moderator bcworkz

    (@bcworkz)

    6 years ago

    If JS is overriding your CSS, there’s not anything you can do from a .css file. The script needs to either be modified or itself overridden.

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

The topic ‘Font Sizes are different with CSS’ is closed to new replies.