• Resolved Enthused1015

    (@wclark1015)


    Hello,

    I’m trying to increase the height and the width of the slider on my homepage. I managed to increase the width and height of the overall slider, but the featured image inside of the slider doesn’t fill in the entire space.

    http://musicenthusiastmag.com/

    Any advice on how to fix this? Please let me know, it’s greatly appreciated. Thank you!

Viewing 13 replies - 1 through 13 (of 13 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    There doesn’t seem to be a width/ height set in the template file for your slider page, so I assume it’s taken from the actual size of the uploaded image and the CSS applied to it.

    This is the current CSS applying it:

    #slider .attachment-slider-image {
     width: 700px;
     height: 300px
    }

    How wide/ tall do you want the images?

    Thread Starter Enthused1015

    (@wclark1015)

    Hey Andrew,

    I would like the images to have a width of 700px and a height of 350px. What would be the best way to approach this? Thanks for getting back to me, too.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    At the bottom of your Child Theme style.css file, add this:

    #slider .attachment-slider-image {
     height: 350px;
    }

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Actually there’s something more sinister going on because the slider’s widths are set through JavaScript.

    Is the slider coming from a particular plugin?

    Thread Starter Enthused1015

    (@wclark1015)

    Just what we all need, something sinister.

    What you gave me to adjust the height in the child theme worked perfectly. But no, the slider is included with the theme, I don’t use any plugins for it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you create a folder named “js” in your Child Theme directory?

    Thread Starter Enthused1015

    (@wclark1015)

    It took me a second, but I made a new folder named js in my Child Theme directory from my server.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your actual theme’s folder there’s a folder called “js”. Inside that there’s a file called “custom.js”.

    Can you copy that “custom.js” file and paste it into your Child Theme “js” folder?

    Thread Starter Enthused1015

    (@wclark1015)

    Done!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In your Child Theme custom.js file, edit the “630” on:

    mainWidth		: 630,

    to

    mainWidth		: 700,

    Thread Starter Enthused1015

    (@wclark1015)

    Works like a charm! Cannot thank you enough!!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m glad you got this sorted after patiently waiting for 2 weeks for a response.

    Thread Starter Enthused1015

    (@wclark1015)

    You and me both. I want to thank you again for taking the time to sit down and help me straighten this out, glad someone finally could. Have a great day, man.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Changing Homepage Slider Size’ is closed to new replies.