Home>Support>CSS for Featured Post Slider

CSS for Featured Post Slider

By lisawn, 23 days ago. Last reply by lisawn, 16 days ago.

Is it possible to control the CSS for the featured post slider in Unwind? Specifically, I would like to be able to change the font size and style of the title text and adjust the amount of “darkening” of the images.

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 18 days, 23 hours ago Andrew Misplon
    Hi, I Work Here

    Hi Lisa

    You could try the rules listed at the following link: Page: CSS Snippets.

    Thanks

    Andrew

  2. 18 days, 22 hours ago lisawn

    I was able to add letter-spacing and I see the the uppercase text-transform is working using that CSS. However, I cannot get the darkening or font size to change. I don’t think the font color is changing either… I don’t need to change it but I tried making it red just to test it and nothing happened. Any idea why that might be?

    I tried the CSS both in Appearance>Custom CSS and Customize>Additional CSS with the same results in either location.

  3. 18 days, 22 hours ago Andrew Misplon
    Hi, I Work Here

    Thanks; the documentation has been updated.

  4. 18 days, 22 hours ago lisawn

    Awesome, thanks!

    Two more things…

    The font-size for mobile doesn’t seem to be working for me. Is that documentation correct or is this just a caching issue on my end?

    And is there a way to change the height of the slider in mobile view or the dimensions so that it is proportionate to the way it displays on larger screens?

  5. 17 days, 3 hours ago Andrew Misplon
    Hi, I Work Here

    The font size for mobile seems to be working on my end. Perhaps try 10px as the value to see the efect below 768px. You can adjust the breakpoint and font size value as needed. The slider does change to 380px height below 768px. I’ve added that rule to the docs for you.

    Thanks

  6. 17 days, 1 hour ago lisawn

    The font size is working for me now as well… without changes. I think that was just a caching issue.

    I was able to adjust the slider height with the new rule. Thank you!

    One last (hopefully!) question: Now that the slider height is changed, is there a way to adjust where the title and continue button are placed? Currently they are in the upper half of the slider in mobile view. I’d like them to be centered vertically… if possible… I think we can live with it otherwise :).

  7. 16 days, 4 hours ago Andrew Misplon
    Hi, I Work Here

    Hi Lisa, thanks, I’ve added your request to the theme’s documentation. We do what we can in our free support tier; if you need a hand with more in depth customizations in the future, our premium support tier is worth considering.

    Cheers
    Andrew

  8. 16 days, 3 hours ago lisawn

    Fantastic. Thank you so much for all your help!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More