Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 27, 2019 at 12:53 pm #1113927
    gofitsports

    Hi!
    I’m using PolyLang to translate our website, however there seems to be a different CSS class used on our frontpage (homepage-template) and in the translated page (page-template).

    Links in private content.

    June 28, 2019 at 3:35 pm #1114277
    Ismael

    Hey gofitsports,

    Thank you for using Enfold.

    There are slight markup differences between the two languages. For instance, the tag used for the “intro-title” in the EN version is h1 instead of h2. The “home” class attribute of body tag is also missing in the EN version, so a lot of the css modifications that are specifically applied to the home page is not going to work for the EN version. Example:

    .home .axp-about h2 {
    font-family: Heebo;
    font-size: 36px;
    font-weight: 300;
    color: #344763;
    line-height: normal;
    letter-spacing: normal;
}

    You have to adjust these styles accordingly.

    The site looks great.

    Best regards,
    Ismael

    June 28, 2019 at 6:53 pm #1114345
    gofitsports

    Hi Sir,
    thanks for checking. I’ve copied the HTML source and added it to the ENG version, could you please check now? It still seems a bit off. It looks like it uses a boxed width instead of a full-width? Can’t see any different settings.
    The font/style also still seems a bit off.

    Thanks!

    June 30, 2019 at 11:56 pm #1114729
    Mike

    Hi,
    The EN version in a bit off because it looks like it was last saved as a default editor page instead of an Advanced Layout Builder page. I saved again for you, Please clear your browser cache and check.

    Best regards,
    Mike

    July 1, 2019 at 11:39 am #1114862
    gofitsports

    Oh, I wasn’t aware of that. Thanks, that’s very useful information.
    There’s still a couple of things that’s not equal however.
    1. The fonts aren’t matching if you compare both versions.
    2. If you scroll down to DATA you can see that the Norwegian has a gap between the left hand set with icons and the right hand with the image. The English version does not.

    Thank you

    July 2, 2019 at 1:34 pm #1115164
    Mike

    Hi,
    Thank you for the feedback, I took a closer look and found that you have a few css rules that target the homepage only like this that adds a gap between the left hand set with icons and the right hand:

    .home .axp-iconBox1 .flex_column.av_one_full.flex_column_div.av-zero-column-padding.first.avia-builder-el-26.avia-builder-el-no-sibling.sintra-max-fixed-half.alignright {
    padding-right: 87px; 
}

    but the issue is that your translated page /en/homepage/ doesn’t have the class “.home” because only one page can have the class. The transated page is “.page-id-2130” so creating a second rule would correct this:

    .page-id-2130 .axp-iconBox1 .flex_column.av_one_full.flex_column_div.av-zero-column-padding.first.avia-builder-el-26.avia-builder-el-no-sibling.sintra-max-fixed-half.alignright {
    padding-right: 87px; 
}

    or it looks like your rules are specific enough that you could remove the “.home” without trouble.
    Please take a look at your custom css and try to adjust to remove the .home or copy and add the .page-id-2130

    Best regards,
    Mike

    July 2, 2019 at 5:23 pm #1115246
    gofitsports

    Thank you Mike!

    I added this to the ‘quick css’, but with no luck. Anyway, if I understand you correctly this is CSS that is not directly from the Enfold theme? E.g it’s actually out of your support?

    Thanks

    July 3, 2019 at 2:00 pm #1115477
    Mike

    Hi,
    I took another look and see that the css for “page-id-2130” is working, Please see the screenshot in Private Content area.
    But this is just one of the many rules that will need to be adjusted, please see the second screenshot.
    I hope this makes since.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.