Promo bar mouse over color

[costin]

Hi,

I would like the promo bar to have a different color on mouse over than the general accent color set in the color customizer. Is there a custom code to do that please?

Thank you!

[Kyle – SUPPORT]

Yes there is, please can you send me the link to your website and I will provide you with the css to achieve this.

– Kyle

[costin]

This reply has been marked as private.

[Kyle – SUPPORT]

I can not see the promo bar on this link? Do you have the promo bar turned on?

Yes this is something we will consider adding in a future update

– Kyle

[costin]

It must be there, before the footer. I’m looking at it right now – it’s written Demande de Devis Gratuit

[Kyle – SUPPORT]

Apologies

Try adding this to your custom css:

#base-promo.footer-promo-arrow:hover, #base-promo.footer-promo-text:hover {
    background-color: #0092BF !important;
}

Obviously replace the hex value with the colour that you wish.

– Kyle

[costin]

I’ve tried with #333333 but it doesn’t change anything! Any ideas why please?

[Kyle – SUPPORT]

Would you mind sharing your login details via private reply?

I will take a look at it for you.

– Kyle

[costin]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi Costin

I’ve fixed the issue. It was because you had not closed one of your properties further up the css.

– Kyle

[costin]

Great, thank you!

Where exactly? Because that fixed another custom code which was not working and I would like to know.

[Kyle – SUPPORT]

/*Footer lign menu */
.widget ul li:first-child > a {
padding: 0 0 10px;
}
/*Sidebar under button space */
#text-6 {
padding-bottom: 10px;
} */ <-------- YOU MISSED THIS CLOSING BRACKET */
/*BOLD */
strong, .sf-button, h6, .standard-post-date, .sf-count-asset h6.count-subject, .progress-bar-wrap .bar-text > span.progress-value, .portfolio-showcase-wrap ul li .item-info span.item-title, table.sf-table th, .team-member figcaption span, .read-more-button, .pagination-wrap li span.current, #respond .form-submit input#submit, .twitter-link a, .comment-meta .comment-author, .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge, .woocommerce a.button.alt, .woocommerce .coupon input.apply-coupon, .bag-product-title a, .woocommerce .shipping-calculator-form .update-totals-button button, table.totals_table tr.total, .woocommerce .button.update-cart-button, .woocommerce .button.checkout-button, #product-accordion .accordion-toggle, .woocommerce ul.products li.product-category h3 {
	font-family: "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	letter-spacing: normal!important;
	font-weight: bold!important;
}