WordPress.org

Ready to get started?Download WordPress

Forums

Max Magazine
[resolved] Changing Homepage Slider Size (14 posts)

  1. Enthused1015
    Member
    Posted 1 year ago #

    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!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    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?

  3. Enthused1015
    Member
    Posted 1 year ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

    #slider .attachment-slider-image {
     height: 350px;
    }
  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    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?

  6. Enthused1015
    Member
    Posted 1 year ago #

    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.

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  8. Enthused1015
    Member
    Posted 1 year ago #

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

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    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?

  10. Enthused1015
    Member
    Posted 1 year ago #

    Done!

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

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

    mainWidth		: 630,

    to

    mainWidth		: 700,
  12. Enthused1015
    Member
    Posted 1 year ago #

    Works like a charm! Cannot thank you enough!!

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  14. Enthused1015
    Member
    Posted 1 year ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic