Toothy – adjust Slider size on homepage and inner pages

[Gary Mendoza]

Hi

My website is: www.stagesofchange.co.uk

I want to adjust the slider height and width on the homepage and inner pages. I have got the homepage slightly smaller by using a plugin. Ideally I want to have a smaller slider on both the homepage (so I don’t need to use the plugin) and inner pages but I can’t see in the documentation how to achieve this

Cheers
Gary

[Sonl Sinha]

Hi,

Do you want to use slider in home page and inner pages??

Regards,
Dave

[Gary Mendoza]

Hi Dave

I’m not concerned about the slider on the inner page as such. I just want the banner to show as per the front page between the two menus. So it’s the height of this I want to adjust.
Best regards
Gary

[Sonl Sinha]

Hi,

Okay, Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Gary Mendoza]

Hi

The url for the homepage image is: https://imgur.com/a/0Zbg5nQ There is also an image of the blog page (inner) here.

I want the banner (are you open to change) to sit between the two menus (same width as menus) and half this height (at least) on both pages.

Thanks in advance
Gary

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.innerbanner {top: 0 !important; margin-bottom: 0 !important;}
.innerbanner img { width:auto !important;}

Regards,
Dave

[Gary Mendoza]

Hi Dave

That has worked perfectly for the inner pages which is great. How do I get the same effect (banner/slider size) on the home page?

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.n2-ss-slider [data-mode="fill"] .n2-ss-slide-background-image { background-size:55% !important;}
.n2-ss-slider .n2-ss-slide-background-image { height:130% !important;}
div#n2-ss-3 .n2-ss-slider-1 { height:25px !important;}

Regards,
Dave

[Gary Mendoza]

Hi Dave

Unfortunately that code didn’t work it has crushed the banner so it is not readable. I have put a screenshot here: https://imgur.com/a/1Y2CFM7

Cheers
gary

[Sonl Sinha]

Hi,

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[Gary Mendoza]

I’ve just emailed you the relevant details
Cheers
gary

[Sonl Sinha]

Hi,

This is done. Kindly check and confirm

Regards,
Dave

[Gary Mendoza]

Hi Dave

This is now spot on, on my PC and a different monitor. It is not displaying correctly on mobile though. I am using chrome on a samsung galaxy S10

Cheers
gary

[Gary Mendoza]

Hi Dave

I have also just realised that the problem on mobile is only the home page not displaying properly. All other pages (inner) are displaying fine. I have tried this on a Samsung galaxy S10 phone and on a tablet – Samsung galaxy tab S2.

Cheers
Gary

[Sonl Sinha]

Hi,

Issue have been resolved. Kindly check and confirm.

Regards,
Dave

[Author]

Posts