Hi,
The use this to make “Portfolio” h2

function custom_script() { ?>
  <script>
(function($) {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('.page-id-4783 h1.main-title.entry-title', '<h2></h2>');
}(jQuery)); 
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

and manually change “NOS REALISATIONS EN CREATION DE SITES INTERNET” as h1
“Découvrez notre portfolio” is h2
as they look to be in a text element that you manually added.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey YMen45,
Thank you for the link to your site, the title bar h1.main-title is the correct h1 for the page, but I see that you manually added two more on the page

use the following code at the end of your child theme functions.php file in Appearance ▸ Editor to change the correct one to a “p” tag, and then you can change the two manually added ones to use just one H1 tag.

function custom_script() { ?>
  <script>
(function($) {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('.page-id-4783 h1.main-title.entry-title', '<p></p>');
}(jQuery)); 
</script>
  <?php
}
add_action( 'wp_footer', 'custom_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top #wrap_all .all_colors h3 .span-reading-time {
	font-size: 12px;
}

and adjust the font size to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey dburton77,
Thank you for the link to your site, it looks like only some of your column rows are set as equal height:
CARDBOARD ▸ CLEAN PAPER
PET ▸ HDPE
and in these the equal height is working for the columns, but the tables in the columns are not controlled by this setting so that is what you see as not equal height.
For these adding this code to the end of your child theme functions.php file in Appearance ▸ Editor will help, for this one page

function custom_equal_height_tables_script() { ?>
  <script>
document.addEventListener('DOMContentLoaded', function() {
    const rows = document.querySelectorAll('.page-id-4431 .av-equal-height-column-flextable');
    rows.forEach(function(row) {
        const tables = row.querySelectorAll('.avia-table');
        let maxHeight = 0;
        tables.forEach(function(table) {
            const tableHeight = table.offsetHeight;
            if (tableHeight > maxHeight) {
                maxHeight = tableHeight;
            }
        });
        tables.forEach(function(table) {
            table.style.height = maxHeight + 'px';
        });
    });
});
</script>
  <?php
}
add_action( 'wp_footer', 'custom_equal_height_tables_script', 99 );

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Please check your other columns so they also get the class av-equal-height-column-flextable and add this script.

Best regards,
Mike

Hey tonyiatridis,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext {
    font-size: 16px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
adjust the font size to suit and clear your browser cache

Best regards,
Mike

Hi,
The Feature A section is #ffffff set here:

the line is #e1e1e1 from enfold-alternate-color-border and is automatic if the color sections don’t have a manually added color:

ignore the other colors in the screenshot as it is not the same demo.

Best regards,
Mike

Hi,
This is an example with using text elements to hold the text for each popup and the script in a code block element that automatically numbers each box and link so you can add as many popup boxes as you wish. The boxes and links are number from the top down so the first link on the page will open the first box on the page.
For this example this is how the backend looks:

you can add the text elements anywhere on your page, top or bottom it doesn’t matter because they will not show on the frontend.
Each text element will have the custom classes: multi-popup mfp-hide

notice that the classes have no dots and the space between them.
Then in your code block element add this code:

<script>
window.addEventListener('DOMContentLoaded', function() {
  (function($) {
    function assignUniqueIDs() {
      $('.multi-popup').each(function(index) {
        var uniqueID = 'multi-popup-' + (index + 1);
        $(this).attr('id', uniqueID);
      });
      
      $('.multi-popup-link').each(function(index) {
        var uniqueID = 'multi-popup-' + (index + 1);
        $(this).attr('href', '#' + uniqueID);
      });
    }

    assignUniqueIDs();

    $('.multi-popup-link').magnificPopup({
      type: 'inline',
      midClick: true
    });
  })(jQuery);
});
</script>

<style>
.multi-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
</style>


<a class="multi-popup-link" href="#">Link to box one</a></br>
<a class="multi-popup-link" href="#">Link to box two</a></br>
<a class="multi-popup-link" href="#">Link to box three</a></br>
<a class="multi-popup-link" href="#">Link to box four</a></br>

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
notice the four links at the bottom, you can add these in a different element if you wish, this is to show you the custom class that the links must have.

then on the frontend when you click a link the popup box will show:

Best regards,
Mike

Hey epkdesign,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

add_filter( 'avia_post_nav_entries', 'enfold_customization_postnav', 10, 2);
function enfold_customization_postnav($entries, $settings)
{
if($settings['type'] == 'portfolio')
{
$settings['same_category'] = true;
$entries['prev'] = get_next_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
$entries['next'] = get_previous_post($settings['same_category'], $settings['excluded_terms'], $settings['taxonomy']);
}
return $entries;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

Best regards,
Mike

Hey ThiloKiefer,
This looks like the same issue as this feature request, in which the Dev Team writes yesterday: A solution will be added to Enfold 6.0 We don’t have a ETA for when Enfold 6.0 will be available, but thank you for your patience while this is added along with other improvements.

Best regards,
Mike

Hi,
When I check the two pages that you linked to I see two opening and closing header tags:

one set is around the theme header, and the othr set is around the woocommerce page template title, since both are closed this should not cause any issues.
But if you want to change the woocommerce header tag to a div, add this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function change_woo_header_tag_to_div() { ?>
  <script>
(function($) {
  $(function() {
    function replaceElementTag(targetSelector, newTagString) {
      $(targetSelector).each(function(){
        var newElem = $(newTagString, {html: $(this).html()});
        $.each(this.attributes, function() {
          newElem.attr(this.name, this.value);
        });
        $(this).replaceWith(newElem);
      });
    }
    replaceElementTag('header.woocommerce-products-header', '<div></div>');
  });
}(jQuery)); 
</script>
  <?php
}
add_action( 'wp_footer', 'change_woo_header_tag_to_div', 99 );

Best regards,
Mike

Hi,
Currently your background-color is #888, but the demo page FEATURE B is #fcfcfc

you can change the color directly in the color section:

or in the theme settings:

but note that any color that you add to the element will overide the theme setting color.

Best regards,
Mike

Hey schweg33,
Thanks for the link to your page, in your css above you have the color: color: #ff0000; to have a white text please use: color: #fff; you also need to add .main_color a to override the theme color, so the solution is:

.main_color a.my-link-class {
background-color: #ff3a2d;
-webkit-border-radius: 33px;
-moz-border-radius: 3px;
color: #fff;
font-size: 16px;
padding: 7px 15px;
}

since this element only shows on mobile you can not have a mouse-over as touch devices don’t use a mouse-over.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike