Support » Theme: Max Magazine » Changing Homepage Slider Size

  • 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)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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?

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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?

    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.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

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

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    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?

    Done!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    mainWidth		: 630,

    to

    mainWidth		: 700,

    Works like a charm! Cannot thank you enough!!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

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

    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.