Hi,

Thank you for the update.

To hide the post tags, you can add this code in the Quick CSS field or the style.css file:

#top #wrap_all .slide-meta-tags {
    display: none;
}

Let us know the result.

Best regards,
Ismael

Hey lara666,

Thank you for the inquiry.

The font looks different on the “our-services” page because the variation 300 is not loaded for some reason, so it falls back to 100 font weight. Technically, the heading element in the “struct-projects-map” has the correct appearance. If you need to make the font weight consistent, you can try this css code:

.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag {
    font-weight: 100;
}

This is the font in the services page:

 	<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700%7COpen+Sans:400,600%7CRoboto:100,400,700&display=auto" id="avia-google-webfont">

And this is the one loaded on the other page, probably because of the map:

 	<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans:400,500,700|Google+Sans+Text:400,500,700&lang=en">

Best regards,
Ismael

Hey mrqslmk,

Thank you for the inquiry.

Instead of using shortcodes, you can directly use html in the accordion content. Example:

<div class="av-mod-alternate-section">
  <div class="av-mod-image">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="av-mod-text">
    This is the text for section 1. Image is on the left.
  </div>
</div>

<div class="av-mod-alternate-section av-mod-reverse">
  <div class="av-mod-text">
    This is the text for section 2. Image is on the right.
  </div>
  <div class="av-mod-image">
    <img src="image2.jpg" alt="Image 2">
  </div>
</div>

<div class="av-mod-alternate-section">
  <div class="av-mod-image">
    <img src="image3.jpg" alt="Image 3">
  </div>
  <div class="av-mod-text">
    This is the text for section 3. Image is on the left again.
  </div>
</div>

Add this code in the Quick CSS field:

.av-mod-alternate-section {
  display: flex;
  align-items: center;
  margin: 2rem 0;
  gap: 2rem;
}

.av-mod-reverse {
  flex-direction: row-reverse;
}

.av-mod-image img {
  max-width: 300px;
  height: auto;
  display: block;
}

.av-mod-text {
  max-width: 600px;
}

Let us know if you need more info.

Best regards,
Ismael

Hey limedrop,

Thank you for the inquiry.

The button is being covered by the next column because of this css code:

.flex_column.av-jphwa-2f2d0c7ad638153de46afd3b2370f48d {
    position: relative;
    right: 250px;
    padding: 200px 0px 0px 0px;
}

You could adjust the z-index of the first column, but it will put the text behind the background of the first column. Try to decrease the value of the right property to 100px or lower.

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the info.

We uploaded the exported theme options to your installation and got a 403 or forbidden error. The same theme options file works fine on our own installation, so it’s definitely an issue with the server configuration. We could try uploading the theme options directly in your database, but we’ll need access to it.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

How did you set the font? It’s only loading on the homepage, probably because you have selected the fonts in the layer slider settings and it only loads on pages where the slider is present. You will need to manually load the fonts on other pages as well.

 	<link href="https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CFraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

Please try this code in the functions.php file:

function ava_load_custom_fonts() {
    wp_enqueue_style(
        'ava-custom-google-fonts',
        'https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Fraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i',
        false
    );
}
add_action('wp_enqueue_scripts', 'ava_load_custom_fonts');

Best regards,
Ismael

Hey atx_m,

Thank you for the inquiry.

Please try to add this code to the functions.php file to make sure that the post meta info is displayed:

function avf_postslider_posts_meta_data_show_mod(){
	return true;
}
add_filter('avf_postslider_posts_meta_data_show', 'avf_postslider_posts_meta_data_show_mod');

function avf_postslider_posts_meta_data_mod(){
	return 'always';
}
add_filter('avf_postslider_posts_meta_data', 'avf_postslider_posts_meta_data_mod');

Let us know the result.

Best regards,
Ismael

Hi,

Thank you for the info.

We’ll also need access to the exported theme options so we can test it on our end. Please upload them to Dropbox or any file sharing platform. Do you have a site backup or restore point?

Best regards,
Ismael

Hey!

Thank you for the inquiry.

Did you add this css code?

@media only screen and (max-width: 767px) {
    #top .header_color .av-hamburger-inner,#top .header_color .av-hamburger-inner::before,#top .header_color .av-hamburger-inner::after {
        background-color: var(--enfold-header_burger_color);
    }
}

This sets the color of the hamburger menu icon to white. You can replace it with:

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

  /* Add your Mobile Styles here */
  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: var(--enfold-main-color-color);
  }
}

Regards,
Ismael

Hi,

link to a page to which the question refers

@Guenni007: What do you mean?

Best regards,
Ismael

Hi,

Thank you for the update.

How can I replace the image with a video please?

You can use the Video element or an Image element with a video URL as the link. When the image is clicked, the video will open in a lightbox. Let us know if you need more info.

Best regards,
Ismael

Hi,

If changes are made, such as css modifications or additional elements added to certain pages, the theme will try to regenerate the post css files and dynamic stylesheets, but this process should not consume significant server resources and will cease immediately once the files are generated. And since changes have been made to the site, the cache plugin will also perform its task of rebuilding cached files to make sure updated content is served to the client. This process may temporarily consume server resources.

We installed the Query Monitor plugin but didn’t find any errors, only minor notices from the WordPress core, which should not impact the site in any way. Let us know in a different ticket if the issue occurs again. We’ll close this one for now.

Best regards,
Ismael

Hi,

If we’re not mistaken, he’s asking if it’s possible to apply the AJAX portfolio on category or archive pages. Unfortunately, there is no option for this by default.

Best regards,
Ismael

Hey Aron,

Thank you for the inquiry.

Currently, there are no plans on releasing a new demo or template, but the elements in the theme are fully configurable with some template and css modifications. If you can describe what you’re trying to create, we’d try to help out or provide guidance.

Best regards,
Ismael

Hey connect4consulting,

Thank you for the inquiry.

It looks like this code was added, which forces the accordion items to remain open every time.

.js_active .toggle_wrap {
    display: block;
    position: static;
    visibility: visible;
    left: 0;
    width: auto;
    z-index: 1;
}

Please remove the css code from the wp-content/themes/gpa-therapy-3/style.css file.

Best regards,
Ismael