Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 29, 2024 at 3:47 pm #1468056
    the_digital_manager

    Hello Enfold team,

    i’d like to change several things of the dia slideshow element:
    >The title gets the h1-tag, i’d like to change this to h3
    >add a transparant overlay
    >center the title
    >configure the font size of the title

    in quite a few things it becomes similar to this (masonry)
    example

    September 30, 2024 at 3:50 am #1468073
    Ismael

    Hey Peter,

    Thank you for the inquiry.

    Are you using the Easy Slider element?

    — You can change the heading default by editing any of the slides’ Advanced > Heading Tag settings.

    — To center the caption and add a transparent overlay, try configuring the Styling > Caption > Caption Positioning settings.

    — The font sizes can also be adjusted in the Styling > Font Sizes panel.

    Best regards,
    Ismael

    October 19, 2024 at 2:02 pm #1469440
    the_digital_manager

    Hi Ismael,

    i can’t exatly find all the settings you are referring to, so perhaps I’m using another element. in dutch it’s ‘diavoorstelling’ (Dia slideshow?)
    current
    you can see this on https://fysiobreda.thedigitalmanager.nl/behandelingen/dry-needling/ (mobile view). password to see the site is Ruben123!
    So i’m not far off when I look at the above. I just want a grey-ish overlay, as is the case with https://fysiobreda.thedigitalmanager.nl/ and the title should be in the center as well.
    desired

    how can i achieve this?

    October 20, 2024 at 2:11 pm #1469510
    Mike

    Hi,
    To make the slider title h3 try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

    function custom_slider_h3_script() { ?>
  <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('.avia-caption-title.is-h1 h1', '<h3></h3>');
  });
}(jQuery)); 
</script>
  <?php
}
add_action( 'wp_footer', 'custom_slider_h3_script', 99 );

    Best regards,
    Mike

    October 21, 2024 at 11:41 pm #1469580
    Guenni007

    isn’t it on default a h2 heading?

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.