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

Hey Alan,

Thank you for the inquiry.

You can use the Blog Posts element and set the Define Blog Grid Layout to Title Only. Let us know the result.

Best regards,
Ismael

Hey finedesignlab,

Thank you for the inquiry.

You may need to import the demo manually using the available XML files. Please refer to the documentation below for more information:

// https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo

Best regards,
Ismael

Hi,

Glad we could be of help! Please feel free to open another thread if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael

Hi,

No problem! Glad to know that this has been resolved. 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 following up.

We’ve zipped the files on Windows, so it’s pretty straightforward. Just make sure the file names and folder structure follow the documentation. Right-click the folder containing the font files and then add it to an archive. On macOS, you may need to use the command line to exclude macOS system files like .DS_Store. You can use this command:

zip -r my-font.zip /path/to/folder -x "*.DS_Store"

Best regards,
Ismael