SELA theme – adding the overlay

venusafrodite1 · Member · Jan 28, 2015 at 8:42 pm
Copy link

Add topic to favorites
Hi

I am new with WordPress and a beginner with HTML and CSS. I am having trouble adding the overlay to my featured image on the static front page. I have tried reading the various threads, but still having issues. Can anyone kindly help me set-up my static front page?

Thank you so much in advance

The blog I need help with is: (visible only to logged in users)
musicdoc1 · Member · Jan 28, 2015 at 11:11 pm
Copy link
It looks like you’ve figured out how to add the overlay. But how were you able to make it more tranlucent?
musicdoc1 · Member · Jan 28, 2015 at 11:11 pm
Copy link
translucent
kathrynwp · Staff · Jan 29, 2015 at 9:56 pm
Copy link
Looks like this is the custom CSS that was used for that effect. The opacity is what adds the translucency.
```
.front-page-content-area .with-featured-image {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    opacity: 0.65;
}
```
musicdoc1 · Member · Jan 29, 2015 at 11:21 pm
Copy link
Thanks, kathryn. :)
kathrynwp · Staff · Jan 30, 2015 at 3:34 pm
Copy link
My pleasure. :-)
venusafrodite1 · Member · Feb 22, 2015 at 1:03 am
Copy link
Sorry for the delay in responding musicdoc1, but thanks for jumping in and assisting kathryn :)
musicdoc1 · Member · Feb 22, 2015 at 3:47 am
Copy link
No worries. Let us know if you’d like more assistance with setting up the site.
jdaoud33 · Member · Mar 2, 2015 at 11:33 pm
Copy link
Can someone help me with the CSS for adding the overlay? I have the static home page but cannot seem to figure out how to add it.

Thanks in advance!!

simplyjules2.wordpress.com
musicdoc1 · Member · Mar 3, 2015 at 4:42 am
Copy link
@ jdaoud33,

It doesn’t require CSS. The overlay appears on the Sela theme on any page assigned to the Front Page Template in Page Attributes. You do not presently have a static front page on https://simplyjules2.wordpress.com/. Are you referring to that site?
kathrynwp · Staff · Mar 3, 2015 at 3:14 pm
Copy link
jdaoud33 – as musicdoc1 said, your site is currently displaying your latest posts, and not a static front page. If you’d like to set up one, follow the guide here:

Set the Homepage

…and then select the Front Page template for your new front page, as described in the Sela setup guide:

https://theme.wordpress.com/themes/sela/

Once you have things set up as described there your site should look more like the Sela demo, with the overlay on the main featured image.

Let us know if you need more help.

No items found.