Two identical objects with visibly different font

  • darsonkeiran

    (@darsonkeiran)


    4 years, 9 months ago

    Building a site, nearing completion, sorry about the http link for now. site is not “live” yet although I’m supposed to be cleaning it up for full release today.

    I’m using the Revity Theme, with some Visual Composer elements.

    Not entirely sure where the problem is coming from, so I don’t know if I should be asking in a different forum.

    Problem description:
    I have a row with 3 columns. On this page, I am using “who”, “what”, “where” (although I’ve used this same layout on another page with the same oddity).

    The top object is a “button” from WP.
    The next object is a text block object from WP.

    On the loaded page, when in 3-column layout, the left column has a noticeably heavier font weight than the other two columns. When I resize down to 1-column view, the objects have the same visible font weight.

    Now here’s the kicker. When I look in the browser inspect window, under “computed”. Each of them show the *exact same* computed stats.
    Font-size is 18px, the same for all. Line-height, same. Color, same. Font-stretch, 100%, same, text-size-adjust, 100%, same.
    Font-weight is 400, the same for all.
    All of them are loading with Raleway Thin as the font.

    Everything I can see on the “computed” tab of the Inspect window is exactly the same. Everything I can see on the “styles” page is exactly the same.

    I fiddled a bit with it and tried changing the font-weight and the left column remains noticeably heavier than the other two columns and I cannot simply compensate because the difference is smaller than the difference between any two distinct font-weights. As long as I keep the font-weight the same, the left column is always visibly heavier. I believe this is not an issue of font-weight.

    This problem persists even when I have exactly the same text as well. I copied the text over in Photoshop using a screen capture and using difference mode to compare, it is very obvious that there is a difference in the visible rendering of the text from the left-most column to the other columns.

    I’m really quite stumped on this one. I’ve even checked the page source and I cannot find any difference anywhere in the code for these different objects or columns.

    If anyone could help me have a look at this, it would be appreciated. Even just pointing me in the right direction as to what to look at. I’m no expert, but I’m fairly handy at codewrangling and this is about the 7th website I’ve built and by no means the most complicated, but I just can’t find how these two things are different in the code. I’m guessing it’s something for columns and some kind of “first”, but I can’t find anything like that in the code.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • George Appiah

    (@gappiah)

    4 years, 9 months ago

    I’m using the Revity Theme, with some Visual Composer elements.

    Revity is a commercial (aka paid) theme. And the “Visual Composer” plugin you’re using is the commercial “WPBakery Visual Composer” plugin that came with your commercial Revity theme, not the free and open-source version distributed here at ww.wp.xz.cn.

    Support volunteers here are not given any access to any commercial themes or plugins. As a result, we’re unable to install your particular theme and plugin and help you with your issue.

    Please contact your Revity theme’s author or the marketplace you purchased the theme from for support.

    Please see: https://themeforest.net/item/revity-multipurpose-responsive-wordpress-theme/19482538/support

    Good luck!

    Thread Starter darsonkeiran

    (@darsonkeiran)

    4 years, 9 months ago

    Thanks for the response George. From what I can see, the objects I am looking at are using code from the basic WP objects. These are not objects from the theme or plugin set, they are just normal WP objects. “Text block” and “button” as far as I have seen appear to be part of WP, not WPBakery. I understand that I am using a theme and a plugin, but there is nothing within the theme that I can see that addresses this styling.

    I was hoping that there would be someone here who could take a look at the actual page and the actual objects and see if they could see anything. These objects are both native WP objects and are not part of either the theme or the plugin.

    I am past the support period for these themes at this time, so I don’t have a support option from either of them, nor do I have any reason to believe that that the styling issue that is visible on the page has anything to do with either of them. In fact, I can’t find any single attribute that would make the text different from the first column to the subsequent columns. If I could see what it was that was making them different, then I could chase it down in the CSS at least. As it is, I can’t find any difference in the objects when looking through the code or the render code, only in the way it looks when displayed.

    They are totally identical as far as I can see in the code, but they do not display the same.

    If you maybe had a moment to take a look, it might shed some light on the nature of the problem.

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

The topic ‘Two identical objects with visibly different font’ is closed to new replies.