[lbdesign]

Thank you for the plugin suggestion to find-and-replace the text. I tried the plugin but the text has not changed. The plugin is still installed and set up if you want to look at it. Are there any tricks or secrets to get it to work?

[lbdesign]

If you edit the Home page, you should see it load slowly, and save very slowly — like 60+ seconds to save the page.

Do you see that?

There appears to be damage to the database — perhaps from the demo content imports, which all took a long time and ultimately failed. When I make a virgin WP installation with just the theme and manually-created pages, it is faster.

[lbdesign]

This reply has been marked as private.

[lbdesign]

For anyone who’s reading this thread for their own needs, here is the Portfolio CSS that Kyle added:

.portfolio-showcase figure.animated-overlay figcaption {
  opacity: 1;
}
.portfolio-showcase figcaption .thumb-info h4 {
  transform: none;
}
.portfolio-showcase figure.animated-overlay:not(:hover) figcaption {
  background: transparent;
}
.portfolio-showcase figcaption .thumb-info > i {
  display: none;
}

[lbdesign]

Thank you! That’s great.

I added back in your original CSS because I also like having the hover head on the regular images too. So with the two of them, I think I’m all set now.

[lbdesign]

This reply has been marked as private.

[lbdesign]

Thank you. That makes sense but it isn’t having an effect. Here is the code from the portfolio carousel that I want to force the image title display on. Does this help?

<div class="spb_portfolio_showcase_widget spb_content_element has-pagination col-sm-12">
		<a class="view-all hidden" href=""><i class="sf-icon-quickview"></i></a>
		<div class="spb-asset-content">
			<div class="title-wrap container"><h3 class="spb-heading center-title"><span>Medical Specialties</span></h3></div>
			<div class="port-carousel carousel-wrap"><a href="#" class="carousel-prev"><i class="sf-icon-left-chevron"></i></a><a href="#" class="carousel-next"><i class="sf-icon-right-chevron"></i></a><div id="carousel-1" class="portfolio-showcase carousel-items staged-carousel gutters clearfix" data-columns="5" data-auto="false" data-pagination="yes"><div itemscope class="clearfix carousel-item portfolio-item gallery-item"><figure class="animated-overlay overlay-style">
<a href="http://www.rtstrm.com/cam1/?portfolio=homeopathy" class="link-to-post"></a><div class="img-wrap"><img itemprop="image" src="http://www.rtstrm.com/cam1/wp-content/uploads/2016/07/park-swings-photo-slim-500x375.jpg" width="500" height="375" alt="" /></div>
<div class="figcaption-wrap"></div><figcaption ><div class="thumb-info"><i><svg version="1.1" class="sf-hover-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
		<path fill="none" stroke="#444444" stroke-width="2" stroke-miterlimit="10" d="M2,12h20 M15,19l7-7l-7-7"/>
		</svg></i><h4 itemprop="name headline" >Homeopathy</h4></div></figcaption></figure>
</div><div itemscope class="clearfix carousel-item portfolio-item gallery-item"><figure class="animated-overlay overlay-style">
<a href="http://www.rtstrm.com/cam1/?portfolio=detox" class="link-to-post"></a><div class="img-wrap"><img itemprop="image" src="http://www.rtstrm.com/cam1/wp-content/uploads/2016/07/park-swings-photo-slim-500x375.jpg" width="500" height="375" alt="" /></div>
<div class="figcaption-wrap"></div><figcaption ><div class="thumb-info"><i><svg version="1.1" class="sf-hover-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
		<path fill="none" stroke="#444444" stroke-width="2" stroke-miterlimit="10" d="M2,12h20 M15,19l7-7l-7-7"/>
		</svg></i><h4 itemprop="name headline" >Detox</h4></div></figcaption></figure>
</div><div itemscope class="clearfix carousel-item portfolio-item gallery-item"><figure class="animated-overlay overlay-style">
<a href="http://www.rtstrm.com/cam1/?portfolio=colonic" class="link-to-post"></a><div class="img-wrap"><img itemprop="image" src="http://www.rtstrm.com/cam1/wp-content/uploads/2016/07/sun-heart-slim-500x375.jpg" width="500" height="375" alt="" /></div>
<div class="figcaption-wrap"></div><figcaption ><div class="thumb-info"><i><svg version="1.1" class="sf-hover-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
			 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
		<path fill="none" stroke="#444444" stroke-width="2" stroke-miterlimit="10" d="M2,12h20 M15,19l7-7l-7-7"/>
		</svg></i><h4 itemprop="name headline" >Colonic</h4></div></figcaption></figure>
</div><div itemscope class="clearfix carousel-item portfolio-item gallery-item"><figure class="animated-overlay overlay-style">
<a href="http://www.rtstrm.com/cam1/?portfolio=chiropractic" class="link-to-post"></a><div class="img-wrap"><img itemprop="image" src="http://www.rtstrm.com/cam1/wp-content/uploads/2016/07/park-swings-photo-slim-500x375.jpg" width="500" height="375" alt="" /></div>
<div class="figcaption-wrap"></div><figcaption ><div class="thumb-info"><i><svg version="1.1" class="sf-hover-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  

[lbdesign]

Thank you! This works great for individual image elements.

How do we do the same thing for Portfolio gallery elements, as shown on my original attachment? (When the portfolio headline/title is set to hover)

thank you.

[lbdesign]

PS: I believe in Cardinal, there is a toggle that lets you easily turn hovering titles on and off per item in the page builder. If I am correct, is this a feature you could add to a future version of Uplift? Thanks!

[lbdesign]

This helped me too. You might want to make this the default in the theme?

[lbdesign]

OK, thanks!

[lbdesign]

Great! Thank you.

Will this be fixed in a future update, so I will be able to remove the custom CSS at some point? Or is it something unique to my site?

thanks again

[lbdesign]

It appears that buttons floating alone as solo page elements are OK, but buttons used as shortcodes in a text box are messed up. Does that help?

[lbdesign]

Or, is Cardinal tested with Adobe Typekit for web fonts?

[lbdesign]

The brand font is not a google font. Is there a simple way to use a custom font with Cardinal?