Architekt theme questions – caption line height, arrows

Hi,

It’s possible to change both concerns with CSS. If I can view the slideshow on your site I can give you some custom CSS to use.

Unfortunately, at this point it’s not publicly viewable. ??

I’m very familiar with CSS though, so would it be possible to send me some code with regard to how to replace those arrow images with an image file (.png) in Architekt? I see where the arrows are being built in the CSS using pseudo before and after elements, though I’d like to replace with an image.

FYI, I’m using the ‘Nivo’ option on the Metaslider dashboard if that helps and am hiding the Dots.

Re the captions do I need to set a ‘height’ property for that block?

Hi @ceenee

Re the captions do I need to set a ‘height’ property for that block?

This sounds accurate but it depends on a few factors? I suppose you could try it and see ??

For the images, maybe something like this will work:

function metaslider_nivo_params($options, $slider_id) {
	$options['prevText'] = "'<img>'";
	$options['nextText'] = "'<img>'";

    return $options;
}
add_filter('metaslider_nivo_slider_parameters', 'metaslider_nivo_params', 10, 2);

But you will need to alter the CSS to get it to fit in place. Let me know if that works.

I didn’t see any HTML change in the page source after that change in functions.php.

I’m using some CSS to set the background image and this seemed to work. ‘sustain-metaslider’ is my slider class name.

.sustain-metaslider.ms-theme-architekt div.nivoSlider div.nivo-directionNav a:before, .sustain-metaslider.ms-theme-architekt div.nivoSlider div.nivo-directionNav a:after{
	display:none!important;
}

.sustain-metaslider .theme-default .nivo-directionNav a.nivo-prevNav {
	background: url(https://wpsites.local/wp-content/uploads/2019/10/metaslider-leftarrow.png) no-repeat!important;
}

.sustain-metaslider .theme-default .nivo-directionNav a.nivo-nextNav {
	background: url(https://wpsites.local/wp-content/uploads/2019/10/metaslider-rightarrow.png) no-repeat!important;
}

Hi @ceenee

I wrote the wrong function name. The two in my code snippet should match, so update the function to metaslider_nivo_parameters.

But if you are satisfied with how you have it then perhaps better to leave it be.

Let me know if you have any more questions

Hi @ceenee

I’ll mark this as resolved as we didn’t hear back, but feel free to reply if needed.