jeffers81845

Got it..thanks much Michael! Jeff

Thanks Dave, Worked. Gremlins, that’s all it could be. Tried it earlier in my child theme but it didn’t work. That’s probably because I didn’t cut and paste your code the first time around! Like your plug-in by the way.

Sorry Dave..doesn’t work either in my theme CSS or added to the bottom of your css. I just need the background transparent behind the image and the post title that’s right below the large image. Thanks. Jeff

Sorry for the delayed response. My new desktop OS just crapped out. Yes, I found the solution. Very simple. .secondary Then set the opacity.

That got it..simple.simple. so simple it blew right past my simple mind. thanks.

Thanks. I use Chrome mostly, web inspector and the inspect element tool to track down code including CSS. Just not sure why the name-of-the-commentator font falls back to Noto Serif? Not sure how the commentator name is even generated so that it appears in the recent comment widget. I like the effect but not the font. Wonder if it has anything to do with the WPDiscuv plugin? I’ll look harder at the code tomorrow to see if I can pinpoint where the change(s) needs to happen and how to configure the CSS in my child theme accordingly.

Thanks. You forgot the link to the tutorial?

Thanks Mark. That part makes sense. But how then would you target the opacity of the same image in the different block for smaller screens? “..but for smaller screens, the background is just an image to an existing element.” Or is that possible?

Service with a smile. Thank you very much. Just needed to up the opacity in the rgba from 0.1 to 0.7. Bingo.

Andrew, Positioned the logo so it’s almost centered on the sidebar, moved up slightly which translates to slightly left on the mobile version (looks good offset). should look great overall. 300X300 seems to be a good fit. Onward!

Got it, thanks. Here’s the preliminary CSS (just to make sure it worked). Can design a proper logo now that I know how the swap works. Should look cool. Need to play with positioning. Will work on that after I get the actual png logo designed.

.site-branding {
    background-image: url(/wp-content/uploads/2015/08/logo.png);
    height: 300px;
    width: 300px;
    text-indent: -9999em;
    background-repeat:no-repeat;
}

Thanks again for the work-through. Jeff

Thanks. logo.png shows in my twentyfifteen-child media library. Is that different than if it was in an images folder for the child theme on the server? With CSS how would I direct the url to the image if it’s in media library? In an images folder?
background: url(images/logo.png);

How will I know how many px to text-indent to hide the title text? Thanks again for staying with me on this.

andrew, i don’t need it to be content managed. tried css for .site-branding display:none; and that made the text go away, but can’t get a background image to work with .site-branding. logo.png is the file in library?

..and it played in IE at -3? Thanks for the catch. fooling around with levels and forgot to delete the z-index from css.