• Resolved DarkISI

    (@darkisi)


    Is there any way to make the slider a bit smaller? I feel like it is too big, taking up pretty much my whole screen, but have no idea how to cut it down a bit.

    Would appreciate any help.

    My site: https://hpgstation.de/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Add this code to your child theme .css stylesheet:

    #featured-content {
    	width: 80%;
    	}
    .slider #featured-content .entry-title {
    	font-size: 16px;
    }

    You can adjust the width and font size accordingly. The only drawback is that it scales both height and width – as far as I can tell you can’t adjust just one or the other. Cheers!

    Here’s the code I’m using in the Fourteen Extended plugin – just change the values to what you need them to be.

    .slider .featured-content .hentry {
        max-height: 500px; // Adjust to suite your needs
    }
    .slider .featured-content {
         max-width: 1038px; // Adjust to suite your needs
         margin: 0 auto; // Adjust to suite your needs
    }
    .slider .featured-content .post-thumbnail img {
         max-width: 1038px; // Adjust to suite your needs
         width: 100%;
    }
    .post-thumbnail {
         background: none;
    }
    a.post-thumbnail:hover {
         background-color: transparent;
    }

    Note: To be used in a child theme and not the parent theme.

    Thread Starter DarkISI

    (@darkisi)

    @Zufikar
    To which file would I add this code? The css stylesheet?

    Yes – that would be the style.css in your child theme.

    Thread Starter DarkISI

    (@darkisi)

    Works perfectly. Thank you (both of you). ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Slider too big’ is closed to new replies.