change size of slider

Support Area Forums Foundation change size of slider

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question:
  • Author
    Posts
  • #5248
    Karen Sheeran
    Participant

    Hi,
    Regarding my last post, should or can I just change the size of the slider itself?

    My images are closer to 420px by 420px. If I change the size of the slider how will that affect the rest of the home page?

    Thanks,

    Karen

    #5254
    Bill Robbins
    Moderator

    Karen,

    It is possible to do that. Here’s how make it happen:

    1. Go to the appearance section and select edit to open up the theme editor.
    2. From the list of files on your right, choose functions.php
    3. Look for this spot:
      
      add_image_size('slide', 620, 420, true);
      
      

      and replace it with this:

      
      add_image_size('slide', 420, 420, true);
      
      
    4. Save your changes.
    5. Next open up style.css and scroll down to the very bottom.
    6. Paste this:
      
      #slideshow,
      #slider {
      	width: 420px;
      }
      
      #top-sidebar {
      	width: 500px;
      }
      
      #top-sidebar .widget {
      	width: 490px;
      }
      
    7. Save your changes again.

    That will make the slideshow narrower and also make the sidebar area to the right of it wider to compensate. If you have any questions/trouble let me know.

    Bill

    #5258
    Karen Sheeran
    Participant

    Hi Bill,
    Isn’t this below the same thing:

    add_image_size(‘slide’, 620, 420, true);

    and replace it with this:

    add_image_size(‘slide’, 420, 420, true);

    The rest of your instructions I understand. But what does the above accomplish?
    Thanks,
    Karen

    #5259
    Bill Robbins
    Moderator

    They are nearly the same thing. The first one sets the width at 620 pixels and the height at 420. The second sets the width at 420 and the height at 420.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘change size of slider’ is closed to new replies.