Hi,

We adjusted the selector in the css rules a bit so they don’t affect the default search bar. Please try it again.

Best regards,
Ismael

Hey hisdi,

Thank you for the inquiry.

You can start with this css code:

.html_header_top.html_header_sticky #header {
    max-width: 1310px;
    left: 50%;
    transform: translateX(-50%);
}

#main, .avia-msie-8 .av_header_sticky_disabled#header {
    background-color: #000000;
}

.html_header_top.html_header_sticky #main {
    padding-top: 0;
}

View post on imgur.com

Best regards,
Ismael

Hi,

Great! Glad we could help. Please don’t hesitate to open another thread if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

We set the Project Settings > Layout from Fullsize to Responsive to prevent the slider from overflowing and make sure that it automatically resizes relative to the size of the parent boxed container.

View post on imgur.com

Best regards,
Ismael

Hi,

We are not sure how you managed to select Source Sans Pro because it is not available by default. Which Google font are you trying to select now? If the font is not available in the list, try uploading it to the Custom Type Fonts Manager. Please check the documentation below for more info.

— https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts

Best regards,
Ismael

Hey northorie,

Thank you for the inquiry.

The space is due to the padding of the first cell in the grid row. To hide this space, try using this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-1v2pat2-53d1a210d34319a1e3263b9b4acfe09f .av-1tepg6e-5d320ae52f7edb1070659a131dbdac1d {
    display: none;
  }
}

Best regards,
Ismael

Hi,

Thank you for the link.

Please add this css code to adjust the alignment of the buttons.

#top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .avia-button-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
}

#top .av-otzhdc-f6e6fb6737c9d94574c2e623c4aab5bf .flex_column_table .flex_column {
    padding-bottom: 100px;
}

View post on imgur.com

Best regards,
Ismael

Hi,

The font Source Sans Pro is not included in the theme by default, so it was probably added manually. The font weight 900 is also not available as a variant. Make sure to refer to the font page before selecting a font weight, as all font weight variations will be available for selection regardless of the actual variants available for the selected font. You may need to choose a different font from Google.

— https://fonts.google.com/

Best regards,
Ismael

Hi,

Try replacing “full” with “featured” (1500x430px), “featured_large” (1500x630px), or “entry_without_sidebar” (1210x430px). These are the default thumbnails registered by the theme.

Best regards,
Ismael

Hey Julie,

Thank you for the inquiry.

For posts created using the ALB, you’ll need to add the related posts section manually using any of the Posts elements in the builder, such as Blog Posts, Magazine, or Masonry. Select the category the current post belongs to in order to display related items.

Best regards,
Ismael

Hi,

Thank you for the update.

You can add this css code to adjust the height of the space reserved for the masonry images:

.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 160%;
}

Best regards,
Ismael

Hi,

As mentioned above, you will need to create a custom solution for these fields, such as a custom shortcode. Please check the link below for more info.

— https://codex.wordpress.org/Shortcode_API

To display custom post types in the Blog Posts element, make sure that custom taxonomies are attached to them. Then, set Content > Select Entries > Content To Display to Display entries from a custom taxonomy.

For this type of customization, you can contact our partner, Codeable.

— https://kriesi.at/contact/customization

Best regards,
Ismael

Hey northorie,

Thank you for the inquiry.

The testimonial arrows are visible when we checked. If you need to adjust its position, add this css:

.responsive #top #wrap_all .av-flex-cells .avia-slideshow-arrows {
    top: -50px;
    position: relative;
}

To adjust the space around the container, you can add this css code:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all .av-flex-cells .no_margin.avia-testimonial {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

Best regards,
Ismael

Hi,

Thank you for the update.

Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings, then purge the cache. If it’s still not working, provide the login details in the private field.

Here’s how it looks like when we apply the modification directly to the browser.

View post on imgur.com

Best regards,
Ismael

Hi,

Did you upload the zip file in the Enfold > Import/Export > Iconfont Manager?

— https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-

Please enable the Appearance > Theme File Editor so we can check the modification in the functions.php file.

Best regards,
Ismael