Tagged: dia slider
-
AuthorPosts
-
September 29, 2024 at 3:47 pm #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 titlein quite a few things it becomes similar to this (masonry)
- This topic was modified 1 month, 3 weeks ago by the_digital_manager.
September 30, 2024 at 3:50 am #1468073Hey 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,
IsmaelOctober 19, 2024 at 2:02 pm #1469440Hi 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?)
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.
how can i achieve this?
October 20, 2024 at 2:11 pm #1469510Hi,
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,
MikeOctober 21, 2024 at 11:41 pm #1469580isn’t it on default a h2 heading?
November 22, 2024 at 1:36 pm #1471920Hi @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
-
AuthorPosts
- You must be logged in to reply to this topic.