OurVoicesAR

Thanks for your continuing suggestions! We’ll trouble-shoot and let you know what works.

Thanks, Anthony, for the help! Unfortunately, it didn’t seem to work on my Firefox desktop browser, nor on mobile.

After much trial and error, we found that this works for desktop clients (but not on mobile):

.home #maincontentcontainer .home-sidebar .widget {
    background-color: transparent !important;
    border: none;
}

I appreciate the follow-up; your theme works really well for our group’s information.

Thanks! Moving that CSS block to the end of the stylesheet seemed to help. After testing this out, I ended up moving it to the top of the stylesheet. Whether at top or bottom, the front page widget is transparent in Firefox when I am logged out of WordPress, so that seems to be resolved.

But, I hadn’t noticed earlier that it still displays a white background in Chrome and on my mobile phone. This hasn’t changed; it’s not transparent now, either. ??

Thanks for the quick reply! Unfortunately, none of this seems to work.

It’s so odd — the (original) CSS I posted above works if I am logged in, but breaks if I’m not. I am wondering ‘what’ has changed, because (of course) this used to work…

Any other thoughts?

Thanks, Anthony! That did the trick for the history site. Appreciate it.

Thanks, Ian! We got the church website to work properly. But I have another site built on Quark that is still broken… using the exact same code there, but the https://www.faulknerhistory.org site has hyphenated words in the front page widget areas. I tried your code above, but that didn’t seem to help it, either…Any ideas!?

THANKS for your quick response, Stephen!
We’ve fixed it finally. We found the correct css code but apparently there was a conflict in a plugin. Am reinstalling them one-by-one now to find the culprit.

{
   -webkit-hyphens: none;
   -moz-hyphens:    none;
   -ms-hyphens:     none;
   hyphens:         none;
}

What I mean is we do not want any words to be hyphenated, but want the full word to go to the next line instead.

We found out what the “something” was that had changed… the settings had been changed, but the person didn’t inform the rest of us. No problems — all is OK now!

Yhanks, Anthony, for responding. We had removed the code for the divider bar when we published our site (same time I posted the question above). When I added the code back in today — now the divider bar in the mobile menu is displaying just fine on my Galaxy S5, so problem is resolved.

We’ve been very happy with this theme; it does the job for us perfectly!

Does anyone have a solution?

Wrong link… try this: https://www.faulknercountyteaparty.org

Thanks!

I am not sure how I would use / view the Developer console, newbie that I am…Want to walk me through it?

Or, is there another way you can determine what may be happening?

Fixed it!

THANKS for pointing this out .. I had searched, but apparently didn’t see this post. Appreciate the good support!