Help Changing Size of Image Slider

  • Hello,

    I need some help changing the size of the image slider on this site:

    https://puremednaturopathic.com/

    I can change the size of the image itself by changing the width here, but that leaves the box containing the image at its original size.

    .flexslider .slides img {
    display: block;
    max-width: 100%;

    How can I change the size of the entire box? I’ve been through the code with firebug but can’t figure out what to do.

    Thanks for any help!

Viewing 5 replies - 1 through 5 (of 5 total)

  • Put the following code in your custom styles.css. If you don’t have a custom css file you risk having your changes erased when you next update your theme.

    You can do this in several ways:
    1. Create a child theme
    2. Using the Custom CSS feature in JetPack
    3. Using a Custom CSS plugin

    You can change the width percentage to get the size you prefer.

    .flexslider-holder {
    margin: auto auto 118px;
    width: 95%;
}

    Cheers, Stacy

    Thread Starter mkmossop

    (@mkmossop)

    Thanks so much Stacy! Worked great!

    Thread Starter mkmossop

    (@mkmossop)

    Looking for a bit more help…

    I’ve tried everything but am totally clueless on how to center the upper text in the footer (home, people, services, etc). What am I missing?

    Also I would really like to decrease the white space between the slider text (Healthy Hormones, Healthy Aging, Covered by Extended Health Insurance, Feel Better About Your Choices, Better Health Starts Here) and the darker grey area below it, but also can’t figure that out.

    Thanks!

    Hey mkmossop, This is all you need – 

    nav.footer ul {
margin: 0 auto !important;
width: 30%;
}
nav.footer {
float: none !important;
}
.flexslider-holder{
margin: auto auto 75px !important;
}

    to change the whitespace between slider text and grey area, change the value 75px to your needs in .flexslider-holder
    i’ve already reduced it down from 118px to 75px here.

    Thread Starter mkmossop

    (@mkmossop)

    Thanks!

    Any tips on centering the footer?

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