Toothy – adjust Slider size on homepage and inner pages

Home Forums Toothy Theme Support Toothy – adjust Slider size on homepage and inner pages

Viewing 15 posts - 1 through 15 (of 17 total)
  • Author
    Posts
  • #149985
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    Hi

    My website is: http://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

    #150007
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #150046
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    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

    #150082
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    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

    #150086
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    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

    #150088
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    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

    #150089
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    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?

    #150092
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    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

    #150095
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    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

    #150096
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

    Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:forum@sktthemes.org 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

    #150098
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    I’ve just emailed you the relevant details
    Cheers
    gary

    #150100
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

    This is done. Kindly check and confirm

    Regards,
    Dave

    #150101
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    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

    #150120
    Gary Mendoza
    Participant
    • Topics: 1
    • Replies: 8
    • Total: 9
    Member since: April 17, 2020

    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

    #150194
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25854
    • Total: 25854
    Member since: August 16, 2013

    Hi,

    Issue have been resolved. Kindly check and confirm.

    Regards,
    Dave

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