Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Try to include this css code to underline every links in the main container:

#top .entry-content-wrapper a:where(:not(.wp-element-button, .avia_iconbox_title, .avia-button)) {
    text-decoration: underline;
}

Best regards,
Ismael

Hi,

Thank you for the update.

You can use this css code to adjust the width of the product image container.

.single-product-main-image {
    width: 60%;
    margin-right: 50px;
    padding-bottom: 50px;
}

To hide the sidebar, include this css:

#top #main .single-product-main-image .sidebar {
    display: none !important;
}

And to include the breadcrumbs, please set the Enfold > Header > Header Layout > Header Title and Breadcrumbs settings to the first option.

Best regards,
Ismael

Hi,

Thank you for the update.

You can start with this css code:

#top .entry-content-wrapper .av-portfolio-grid-sorting-container .sort_width_container:first-child {
    width: 25%;
    float: left;
    margin: 0;
    clear: none;
    margin-right: 5%;
}

#top .entry-content-wrapper .av-portfolio-grid-sorting-container .grid-sort-container {
    width: 70%;
    float: left;
    margin: 0;
    clear: none;
}

#top .entry-content-wrapper .av-portfolio-grid-sorting-container .sort_width_container:first-child a {
    display: block;
    float: none;
}

#top .entry-content-wrapper .av-portfolio-grid-sorting-container .sort_width_container:first-child .text-sep {
    display: none;
}

Best regards,
Ismael

Hey cuccarini,

Thank you for the inquiry.

You can use the following css code to specifically target the buttons in the privacy consent container:

#top .main_color .avia-cookie-consent-modal-buttons-wrap .avia-color-theme-color-highlight {
    color: limegreen;
    background: darkolivegreen;
    border-color: mediumseagreen;
}

Best regards,
Ismael

Hey William,

Thank you for the inquiry.

We still can’t access the site, but you can start with this css code to adjust the colors of the table cells:

.main_color tr:nth-child(odd), .main_color .pricing-table>li:nth-child(odd), .main_color .pricing-extra {
  background: burlywood;
  color: cornsilk;
}

.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td {
  color: salmon;
  background: bisque;
}

Best regards,
Ismael

Hi,

Have you tried using the theme’s Advance Layout Builder instead of Elementor? Also, if you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hey fabio,

Thank you for the inquiry.

The cells or columns should automatically switch to a single column in mobile view. If you need the same layout on tablet views, please add this css code:

@media only screen and (max-width: 1024px) {
  .responsive #top #wrap_all .av-flex-cells .no_margin {
    display: block;
    margin: 0;
    height: auto !important;
    overflow: hidden;
    padding-left: 8% !important;
    padding-right: 8% !important;
  }

  .responsive #top #wrap_all .av-flex-cells .no_margin,
  .responsive #top #wrap_all .flex_column,
  .responsive #top .container .av-content-small {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  .responsive #top #wrap_all .av-flex-cells .no_margin.av-zero-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

Best regards,
Ismael

Hi,
I changed to this:

  @media only screen and (min-width: 768px) {       
         .avia_desktop .page-id-2606 .pricing-table li.empty-table-cell {
    display: block;
}
}

please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the screenshots.

You can use this css code to adjust the style of the product buttons in the shop page.

#top .main_color .avia_cart_buttons .button {
    color: white;
}

#top .main_color .avia_cart_buttons {
    background: rgb(195, 26, 57);
}

If you’d like to adjust the initial opacity of the buttons, please add the following css code:

.avia_cart_buttons {
    opacity: 0.8;
}

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

Best regards,
Ismael

Hey xfacta,

Thank you for the inquiry.

Please try to disable the Performance > File Compression settings or add this css code to remove the meta container.

.html_elegant-blog #top .post-entry .post-meta-infos {
    display: none;
}

To change the read more text based on whether the post contains a video or audio, you may need to create actual “Video” or “Audio” categories, apply them to your posts, and then add this filter in the functions.php file.

function avf_modify_standard_post_content( $current_post ) {
    if ( $current_post['post_format'] === 'standard' ) {
        $categories = get_the_category( $current_post['ID'] );
        $category_names = wp_list_pluck( $categories, 'name' );

        if ( in_array( 'video', $category_names ) ) {
            $read_more_text = __( 'Watch this', 'avia_framework' );
        } elseif ( in_array( 'audio', $category_names ) ) {
            $read_more_text = __( 'Listen to this', 'avia_framework' );
        } else {
            $read_more_text = __( 'Read more', 'avia_framework' );
        }

        $current_post['content'] = $current_post['content'] . 
            '<div class="read-more-link"><a href="' . get_permalink( $current_post['ID'] ) . '" class="more-link">' . 
            $read_more_text . 
            '<span class="more-link-arrow"></span></a></div>';
    }

    return $current_post;
}
add_filter( 'post-format-standard', 'avf_modify_standard_post_content' );

Best regards,
Ismael

Hi,

Please try the following in Quick CSS under Enfold->General Styling:

.social-bottom a {
  line-height: 95px;
}

You have this in your child theme which looks to be hiding the menu on mobile:

@media (max-width: 900px) {
  .menu-container {
    flex-direction: column;
    align-items: center;
    margin-top: -100px;
  }
}

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard