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

Hi,

Glad it worked. You can adjust the font size value in the following css code.

.conduit-larger-text {
    font-size: 32px !important;
}

You can find it in the Enfold > General Styling > Quick CSS field.

Best regards,
Ismael

Hallo Jens,

Do you mean that you want to change the font size or the actual markup? I would recommend that you simply change the size using CSS like this:

#footer h3.widgettitle {
  font-size:16px;
}

LG,
Rikard

Hi,

Did you toggle the Performance > File Compression settings after adding the code?

The following css code should increase the font size and padding around the slideshow button text.

#top .avia-slideshow-button {
    font-size: 23px;
    padding: 15px 30px;
}

Best regards,
Ismael

Hi,

Thanks for that. Please try the following CSS:

.has-fs-21-px-font-size font font {
  font-size:21px !important;
}

Best regards,
Rikard

Hi,

We applied custom css class attributes to the elements, “conduit-larger-text” for the text block and “conduit-masonry” for the masonry gallery element. We then used the following code in the Quick CSS field to apply the desired style.

.conduit-masonry .av-masonry-entry-title { 
    font-family: 'transfonter.org-20190530-150259', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif !important;
 }

.conduit-larger-text {
    font-size: 32px !important;
}

Adjust the values as you wish. We also disabled the compression and the cache plugin temporarily.

Best regards,
Ismael

Hi,

Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

#searchform input[type=submit] {
    font-size: 13px;
    padding: 15px 25px;
    border-radius: 2px;
}

#searchform input[type=submit]:hover {
    background-color: #055c84;
    opacity: 0.9;
}

Best regards,
Rikard

Hi Ivan,

Yes, I see the problem you are referring to now. It’s likely due to some problem with the markup in one of your text blocks:

<div></div>
<div align="JUSTIFY">
<div>
<table border="0" width="900" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><strong>Le nostre postazioni hanno 3 vantaggi:</strong>

<span style="font-family: inherit; font-size: inherit;">1) sono tutte di proprietà</span>

<span style="font-family: inherit; font-size: inherit;">2) sono tutte in zone centrali e non periferiche</span>

3) sono ubicate in strade ad alta densità di traffico</td>
</tr>
</tbody>
</table>
</div>
</div>
<div></div>
<div></div>
<div></div>
<div align="JUSTIFY"></div>

Could you try to activate debug mode in order to see builder shortcodes: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode, then copy all the shortcode to a test page so that we can experiment with it a bit please?

Best regards,
Rikard

Hey webworm72,
You can use these media queries:

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

Try adding a custom class or ID to the text area and then we can set the size in percentages like:
font-size: 70% !important;

Best regards,
Mike