Contractor Pro Home Page Slider

Home Forums SKT Full Width Forum Contractor Pro Home Page Slider

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #168009
    Laurence OakeyLaurence Oakey
    Participant
    • Topics: 21
    • Replies: 110
    • Total: 131
    Member since: January 20, 2020

    Hi Guys,

    I have been using the theme Contractor Pro and would like to stop the home page slider from filling up the whole page with the slide images.
    Basically I want to have the copyright section at the bottom viewable without the user having to scroll down.
    Had a play with CSS media but just can’t get it.
    https://cowara.com.au

    Thanks.
    Laurence

    #168011
    Laurence OakeyLaurence Oakey
    Participant
    • Topics: 21
    • Replies: 110
    • Total: 131
    Member since: January 20, 2020

    I have added this but can’t get it to be full width without distorting the image.
    Is there a better way?

    .slider-main .nivoSlider img {
    max-width:1600px; max-height:750px !important; margin-left:7%;
    }

    Also how do I remove the black line between the slider and the copyright section.

    #168015
    Laurence OakeyLaurence Oakey
    Participant
    • Topics: 21
    • Replies: 110
    • Total: 131
    Member since: January 20, 2020

    Also the Services Home Section I have set to 3 per row but its splitting them so row one is correct, 2nd row has 1 and 3rd row has 2.
    Can we sort this please.
    https://imgur.com/a/ljWQQ2P

    #168061
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .skt-builder-infoblock-column-area {
        min-height: 260px !important;
    }

    Regards,
    Dave

    #168063
    Laurence OakeyLaurence Oakey
    Participant
    • Topics: 21
    • Replies: 110
    • Total: 131
    Member since: January 20, 2020

    cool, changed to 257 and working.

    Also how do I remove the black line between the slider and the copyright section as mentioned above.
    https://imgur.com/a/V0RpprU

    #168133
    Sonl SinhaSonl Sinha
    Moderator
    • Topics: 0
    • Replies: 31035
    • Total: 31035
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    #copyright { border-top:none;}

    Regards,
    Dave

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