Essential Grid Background

[weisbart]

Hello.

I would like for the whole background behind my title text in my Essential Grid to have a color (like the grey in the Arthur demo https://essential.themepunch.com/woocommerce-grid-arthur/). However if I change the background color it only changes the text background and not the background of the full text box.

Thanks - Erin

[christian]

Hey Erin,

Based on your screenshot, you’re editing the title. Try editing the Cover.

If that does not help, please give us the URL of the page where you have your grid and access to your WordPress admin so we could check the skin editor.

Thanks.

[weisbart]

I’ve tried changing the Cover background color as well but it doesn’t make any visible changes to the grid as the image covers the whole background color (and the background color doesn’t extend behind the Title text).

Thanks - Erin

[ruenel]

Hey Erin,

Please update the password of the given credentials so that we can log in and check your grid skin.

Thank you in advance.

[weisbart]

Done. Thanks.

[ruenel]

Hello There,

Thanks for updating in!

I have logged in and found two errors on the page that affects the grid.

1.) Reduce Bounce Rate is generating a JS error on the page. I have disabled this temporarily.

2.) You have inserted an invalid custom JS in the custom js section. I have updated it and used this code instead:

</script>
<!-- Quantcast Tag -->
<script type="text/javascript">
var _qevents = _qevents || [];

(function() {
var elem = document.createElement('script');
elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
elem.async = true;
elem.type = "text/javascript";
var scpt = document.getElementsByTagName('script')[0];
scpt.parentNode.insertBefore(elem, scpt);
})();

_qevents.push({
qacct:"p-w_D1Evh7yByrF"
});
</script>

<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-w_D1Evh7yByrF.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
<!-- End Quantcast tag -->
<script>
// add your other custom JS below here

I went ahead and I edited your grid. The background color is now showing and it fades in. Having to slide it from left or right has some issues due to a JS error.

Please check your site now.

[weisbart]

Hi.

I removed the JS in the custom JS section (I no longer need it) so it shouldn’t be a problem going forward.

The background color fading in isn’t working for me. It showed briefly but is no longer and I don’t think I changed anything other than removing the “show image” button that appeared on hover.

Additionally, what I was trying to do is have the full background behind the Title (not just immediately behind the text) be orange whether or not there is a hover.

Thank you - Erin

[rad]

Hi there,

What you need to change is the content background color, it’s under Layout Composition > Spaces (beside Cover) > Content > Content BG Color. Please change it to your preferred color.

What about the color fading issue? Would you mind providing a video recording?

Thanks!