Hey hyrion,

Thank you for the inquiry.

Yes, it is possible to create a layout where two columns partially overlap each other. To achieve this, you can use a combination of CSS positioning and negative margins.

Here is an example HTML and CSS code that demonstrates how to create the overlapping columns layout:

HTML:

<div class="container">
<div class="column column1">
<h2>Column 1</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

</div>
<div class="column column2">
<h2>Column 2</h2>
<img src="image.jpg" alt="Image"></div>
</div>

CSS:

.container {
  position: relative;
  overflow: hidden;
}

.column {
  position: relative;
  z-index: 1;
}

.column1 {
  margin-right: -50px;
}

.column2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  margin-top: 50px;
}

In this code, we have created a container element that has its position set to relative and overflow set to hidden. This will create a clipping mask that will hide any content that goes beyond the container’s boundaries.

Then, we have created two columns inside the container, with the first column having a negative margin to overlap with the second column. The second column is positioned absolutely with top, right, and margin-top properties, and has a higher z-index to appear on top of the first column.

You can adjust the values of the margin, top, right, and margin-top properties according to your design needs to achieve the desired overlap. Additionally, you can replace the img element in the second column with any other media element like a video or a slideshow.

You can also do this using the Column elements in the Advance Layout Builder. Apply a Custom CSS Class or ID to the column element, then adjust the above css code accordingly.

I hope this helps!

Best regards,
Ismael

Hi,

Glad to know that the suggestions above are working. To adjust the width of the search bar, please add this css code.

#top .av_minimal_header #s {
    border: none;
    padding: 12px 47px 12px 5px;
    width: 400px;
}

And regarding the icon account, you may also need to add this icon in a widget, same as the search bar, instead of appending it to the main menu.

Best regards,
Ismael

Hey orthomedtherapyro,

Thank you for the inquiry.

We may need to access the site in order to inspect the sliders. Please provide the site details in the private field and include a screenshot of the issue.

Did you add html tags in the slider captions? It is possible that the third slider contains a different html tag.

Best regards,
Ismael

Hi,

Great! Glad to know that this is working correctly now. Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

Thank you for the update.

Have you tried using the Special Heading element instead of manually adding the heading in a text block? You will then be able to manually adjust the style of the heading as you wish. For more customizations, you can also edit the heading elements in the Enfold > Advanced Styling panel or add your own css modifications in the Enfold > General Styling > Quick CSS field.

Best regards,
Ismael

Hey mvucic1,

Thank you for the inquiry.

The site is not loading correctly on our end. Is the URL correct? Please check the info carefully so that we can access the site and check the contact form.

You can try this css code to adjust the style of the submit button.

div .main_color .button, .main_color #submit, .main_color input[type='submit'] {
    background-color: red;
    color: green;
    border-color: blue;
}

Best regards,
Ismael

Hi,

Thank you for the update.

We are not able to reproduce the issue on Edge but you can try this css code to create more space for the fb icons on smaller screens.

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .phone-info div a span {
      font-size: 11px !important;
      margin-left: -5px;
  }
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can add this css code to adjust the right padding of the catalogue item title and prevent it from overlapping with the product price on mobile view.

.av-catalogue-title {
    padding-right: 150px;
}

Best regards,
Ismael

Hey Kersversbusiness,

Thank you for the inquiry.

There is an error with the API key when we checked the site.

Uncaught Error: Invalid site key or not loaded in api.js: APIKEY
    at Array.<anonymous> (recaptcha__en.js:177:171)
    at recaptcha__en.js:293:118
    at avia_google_recaptcha_api.js:266:20

Please make sure to generate a private key using the correct version of the API and make sure to add the site in the domain section of the API key editor.

Best regards,
Ismael

Hey Global4Net,

Thank you for the inquiry.

Did you set the Enfold > Blog Layout > Blog Layout settings to “Use the advance layout builder..”? By selecting this option, the advance layout builder will be activated for the blog page. You should also reset the options in the Settings > Reading panel to default. Let us know if this helps.

Best regards,
Ismael

Hey work365,

Thank you for the inquiry.

What is the current version of the theme in your installation? A patch for the pagination issue has been included in the latest version of the theme sometime ago. Please try to upgrade to version 5.5, then toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know if this helps.

Best regards,
Ismael

Hey Gianluca,

Thank you for the inquiry.

Yes, you can upload custom icons from fontello or flaticon (only monocolored icons). Please check the documentation below for more info about the Iconfont Manager.

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

Best regards,
Ismael

Hey Eleina,

Thank you for the inquiry.

Did you create a post category with the same name as the page? You may need to rename either one of the two (the page or the category) and make sure that their names and slugs are unique.

We tried to login to the site but you may have incorrectly paste the wp-admin URL as the password. Please check the info in the private field.

Best regards,
Ismael

Hi,

is it possible to define the position of the title in relation to the bottom of the image, so that it is always at the bottom?

You can try this css code to adjust the positioning of the title. It may require adjustments on different screen sizes.

portfoliobox-3 .news-headline {
    margin-bottom: 0px;
    bottom: 0;
    position: absolute;
    padding-left: 40px;
}

Best regards,
Ismael

Hi,

Yes, please provide the login details in the private field so that we can check the settings. Did you install an SEO plugin?

Best regards,
Ismael