Slideshow Home Page and transparency

  • Unknown's avatar
    nimilani · Member ·

    Hi, I’m wondering if there’s a way to allow for the homepage to go through a slideshow of pictures. Also, is there a way to change the transparency of the main picture (want to see more of the picture)?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hlbecker · Member ·

    Hey there,

    Below is the code to add to your custom css to adjust (brighten) the transparency of the home page image:

    .pique-panel-background:before {
    background: rgba(0, 0, 0, 0.1);

}

    As for the slideshow on the homepage, it looks like you have a Jetpack slideshow running on the home page? Did you add that after your question, or is this something you are looking to replace?

    On a side note, the home page kitchen looks awesome.

    Regards

  • staff-loquaciousloon · Staff ·

    Hi @nimilani!

    Minor addition to @hlbecker’s CSS :)

    There are two styles that affect the transparency on the image:

    .pique-panel-background {
   opacity: 1;
}

.pique-panel-background:before {
    background: rgba(0, 0, 0, .1);
}

    To work with these, you’ll need to have a Premium Plan or Business Plan, which gives you access to Custom CSS.

    The first style shown above is for the actual background image – 1 means it is fully visible – not transparent at all (so the background doesn’t show through the image)

    The second style is for an overlay on top of the image. Because of this, a lower number will make the image more visible. So they’re kind of the reverse of one another :) .1 is almost fully invisible.

    The important thing to remember is that with opacity, 0 is fully transparent, and 1 is fully opaque. You can select any decimal in between those two :)

  • Unknown's avatar
    hlbecker · Member ·

    staff-loquaciousloon,

    Thanks. Goods point on opacity. 😉

    Cheers

  • Unknown's avatar
    nimilani · Member ·

    Thank you both, I do HTML/CSS myself, but forgot that the custom work is through higher paid accounts.

    Will just settle for whatever I can get.

    As for the slideshow, I added that after, and it’s not too bad. But what I was really aiming for was a simple homepage with a big background that could slide through images. Also, assuming probably available through more expensive themes.

    Thanks guys

  • staff-loquaciousloon · Staff ·

    There are some free themes that feature post sliders:

    https://wordpress.com/themes/filter/post-slider/type/free

    Try taking the demos for a spin to see if there’s one you like :)

  • The topic ‘Slideshow Home Page and transparency’ is closed to new replies.