Theme: Blox – Change portfolio page size for "meta slider" plugin

Hello!

I think it is completely possible with creating a child theme and adding some custom css rules that can achive what you would like.

If you could please give me the link for your site so I could take a look, I can give you the necessary CSS code.

Greetings,
Balint

Hi Balint,

That would be great thank you.

my site is https://bigcatdesign.co.uk/?page_id=98

As you can see each portfolio is stacked on top of each other and I am looking to use the full width with a slideshow for each.

Thanks for your help
Ross

Hello!

I have checked your site. In the theme, every portfolio post has a container div, which is set currently to width 940px. If you want just the meta slider to be full width and the text content to remain the width it has right now, it is a little bit tricky, because than the meta slider needs to be given a specific container.
Technically the easier solution is to set the whole content wider, and give the content and the slider their own container divs, with an additional overall div.
So this involves pretty much php and css modifications, and I would need login access to your site. I am happy to do this for you, so if it is ok with you, I would like to contact you through your site’s contact form.

Greetings,
Balint

Just popping in.. sorry to interrupt ??

If you mean full width as in the full width of the center column, then make sure the slideshow size is set to 940px (in the Meta Slider settings).

If you mean full width as in the full width of the browser, then you’ll need to modify the template as Toth has mentioned. You’ll probably also want to adjust the metaslider shortcode so it looks like this:

[metaslider id=123 percentwidth=100]

(The percentwidth parameter has the effect of removing the ‘max-width: 940px’ rule, and replaces it with ‘max-width: 100%’)

Regards,
Tom – Meta Slider author.

Hi guys,

I think the width is fine at 940px actually. I think I was making the images too big so it was reducing the image size but would it be the same principle with the height? so the php and css would need to be amended?

Thanks
Ross

If you want the slider to be wider than the rest of the content on the page, then yes, because you will need to pull out the slider’s div from the content wrappers.
If you want the slider to be any size, with the maximal width possible not wider than the rest of the sites content, than it is just ‘simple’ css, for which you will need only to create the child theme.

I would like to suggest, that you modify the meta slider in the settings so it would be similar to your needs, and adjust the picture sizes. If that is ready, than I can provide you with the necessary CSS.

Greetings,
Balint

Hi Baliant,

Thank you for all your help it is greatly appreciated.

On this page (https://bigcatdesign.co.uk/?page_id=98) is the blox templates own slide show which is perfect in terms of what I am looking for image size wise but it is not a very attractive slide show and little to no features so I am looking to use meta slider in it’s place with these dimensions but without the slides at the bottom just the main slide carosel.

Is that possible?

Thanks again
Ross

Hello!

Yes, it is possible.

Balint

Great so what do you need access to my website? or could you instruct me on how and where to change the code etc?

Thanks
Ross

Sure, I am happy to instruct you in making the necessary steps. I have sent you an email.

Greetings,
Balint