Hi,

Thank you for the update.

This contains invalid html:

< b >< u >WE'VE MOVED!  VISIT US AT OUR NEW LOCATION: 2166 Shaw Avenue, Clovis.</ u >

The < b > tag was not closed properly. Please review the content of the page, check the html, and make sure all tags are closed properly

Best regards,
Ismael

Hi,

We adjusted the font of the submit button and the padding as requested.

.avia_ajax_form .button {
    padding: 21px 50px;
    font-size: 15px;
    min-width: 200px;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    padding-bottom: 23px;
    padding-top: 25px;
}

Best regards,
Ismael

Hi,

We removed the other button and adjusted the element as requested.

Best regards,
Ismael

Hey hughie1,

Thank you for the inquiry.

Maps Javascript API
Geocoding API

1.) This is included in the documentation: https://kriesi.at/documentation/enfold/google-map/#enable-services-for-google-api

2.) You can change the line color by setting the Styling > Colors > Heading Color to “Custom Color” and adjusting the value of the Custom Separator Line Color setting.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Is there a plugin installed that runs scheduled tasks regularly, such as database backups or cleaning? Temporarily, try to add this code in the functions.php file:

add_filter( 'avf_title_args', function( $args, $id ) {
    $title = get_the_title( $id );
    $link = get_permalink( $id );

    $args['title'] = ! is_wp_error( $title ) ? $title : __( 'Title not available', 'avia_framework' );
    $args['link'] = ! is_wp_error( $link ) ? $link : '#'; 

    if ( is_tax() || is_category() || is_tag() ) {
        global $wp_query;
        $term = $wp_query->get_queried_object();
        $term_link = get_term_link( $term );
        $args['link'] = ! is_wp_error( $term_link ) ? $term_link : '#';
    }

    return $args;
}, 10, 2 );

Best regards,
Ismael

Hi,

Thank you for the update.

Now it is stretched on desktop view. Agh, seems like all my product photos are messed up on desktop or mobile

You may need to wrap the code inside a css media query so that it only affects the desktop view.

@media only screen and (min-width: 768px) {
	/* Add your Desktop Styles here */
    #top.page .product .thumbnail_container img {
        width: 63%;
        margin: auto;
    }
}

And this Category section used to be 4up on Mobile view(see code below and screenshot attached) .

Did you add or remove a section on the page? The css rule needs to be adjusted because it currently uses a temporary selector, #av_section_4, which can change depending on the number of sections on the page. Instead, you can apply a custom ID (e.g., av-section-shop-category) to the color section element containing the shop category. To do this, go to Advanced > Developer Settings > Custom ID Attribute and add your custom ID. Then, adjust the css rule as follows:

@media only screen and (max-width: 767px) {
  .responsive .home #wrap_all #av-section-shop-category .flex_column {
    width: 48%;
    padding: 1%;
  }
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

The Appearance > Theme File Editor is not accessible, so we’re unable to edit the functions.php file. Please add this filter to modify the layout of the archive or category pages:

add_filter('avf_blog_style','avf_blog_style_mod', 10, 2);
function avf_blog_style_mod($layout, $context){
    if($context == 'archive') $layout = 'single-big';
    return $layout;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Am I right in thinking therefore that I can delete this file as it is no longer needed?

Yes, you can delete the minified or compressed file, as it will no longer be loaded by the theme since compression is disabled. Just make sure to create a site backup or restore point before doing so. To override the custom rule for the “li” element, you can add the css suggested above.

#main .entry-content-wrapper .metaslider-flex li {
    margin-left: 0em !important;
}

Best regards,
Ismael

Hey dreyerjm,

Thank you for the inquiry.

Edit the columns containing the button and apply the class name “av-column-relief-solutions” in the Advanced > Developer Settings > Custom CSS Class field. Then, use this css code to position the button at the very bottom of the container.

.av-column-relief-solutions .avia-button-wrap.avia-button-center {
    position: absolute;
    bottom: 0;
    width: 100%;
}

You may need to adjust the height of the column or make the whitespace taller after adding this css.

Best regards,
Ismael

Hi!

Thank you for the screenshot.

Looks like you’ve already added featured images to the posts, but for some reason, they aren’t displaying in the actual posts. Please provide the login details in the private field so we can check the settings.

Regards,
Ismael

Hi,

Thank you for the info.

You can add this css code to adjust the size of the images on smaller screens:

@media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    .av-4htruh-aeabf568c97bc031467ccc24ed3ff2ab, .av-31x6k1-7fb95fe73764fba5b214f313d3f98aa7, .av-2b5ymp-559c7e72ca93c0db26ae73506c5bb616, .av-jmo1d-2e71f49f79ce34153a1617f697fe4d5a {
        max-width: 50%;
    }
}

Best regards,
Ismael

Hi,

Thank you for the update.

The posts still have no featured images. Please check the private field. The images that you see there are added directly in the editor, which will not be automatically set as a featured image. You have to apply the featured images manually.

Best regards,
Ismael

Hey Lene,

Thank you for the inquiry.

We edited the css rules in the Appearance > Customize > Extra CSS panel:

.topKnap a {
    width: 140px;
    height: 52px;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin-right: 6px;
    padding: 21px 50px;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    float: right;
    min-width: 200px;
    letter-spacing: 0.05em;
    background-color: #55726f;
    border-radius: 50px;
    -moz-transition: 200ms all ease-in-out;
    -o-transition: 200ms all ease-in-out;
    -webkit-transition: 200ms all ease-in-out;
    transition: 200ms all ease-in-out;
}

.topKnap a:hover {
    background-color: #55726f;
    color: #fff;
}

.responsive #top #header #header_main .inner-container .widget .fas {
    color: #55726f !important;
}

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can manually change the publish date by editing the posts. Edit the post, look on the right side of the screen under the Publish section and find the published on date. There should be an an Edit link there. On the Block editor, just click on the current date to make the calendar popup.

Best regards,
Ismael

Hi,

Thank you for the update.

Looks like there are no featured images assigned to the post (see private field). Please make sure to assign a featured image. Check the link below:

// https://wordpress.com/support/featured-images/#set-a-featured-image

Best regards,
Ismael