Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1468056

    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

    #1468073

    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

    #1469440

    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?

    #1469510

    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

    #1469580

    isn’t it on default a h2 heading?

    #1471920

    Hi @mike,
    I added the code to function.php but it doesnt seem to work, also, this doesn’t provide me with an answer/solution for the design question.
    >add a transparant overlay
    >center the title
    >configure the font size of the title

    (see above questions). you have the login to my site:)

    best regards, Peter

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