Customising the sticky post slider

  • Author
    Posts
  • #2687002

    onelessrat
    Member

    I am trying to make the slider looks more aesthetically pleasing. I would like to have the full featured image in a small square rather than just showing the middle extract. And I would like the background of the blurb to match the colors of the site rather than being yellow. Is this possible?
    Thanks!

    The blog I need help with is onelessrat.com.

    #2687161

    hallluke
    Member

    Hi Sarah,

    Here’s some CSS code that will let you set the background colour of the featured posts on your front page. It’s set to match the colour of the search box but you can switch it for whatever colour you prefer:

    #featured-content .featured-post {
      background-color: #DADADA;
    }

    The image is a little more difficult. It looks like the theme itself is set up to scale the image horizontally to 640px wide and then crop out everything but the central 290px to fit the space (for desktop resolutions at least). Which means you can’t use CSS to show the entire original image. It’s also a bit of a pain as, like the theme page states, that all other featured images show as 290px squares.

    #2687245

    onelessrat
    Member

    Thanks, I’m new to this so sorry for the stupid questions but where do I put this code?

    #2687246

    hallluke
    Member

    If you have one of the paid plans (editing CSS isn’t available on the free plan – although you can preview how it would look) then you can go to your customiser, and then copy it into the box you get in the CSS section.

The topic ‘Customising the sticky post slider’ is closed to new replies.