This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Custom Menu Widget in page builder – hover effect

Open 1 reply premiumthemetheme-vantage
Bird on the Hand
10 years ago · Last reply by Andrew Misplon 10 years ago

I don’t know if this is the best way to do this but I wanted four columns in my footer with two of them being menus.

I added your page builder widget to the footer, created four columns and added the WordPress custom menu widget to a column.

This worked apart from there being no hover effect on the menu (it is just is simple vertical text menu. It shows white text on the black footer background).

Any ideas – I just need it to change from being white text to maybe a pale ish shade of grey or yellow.

I’ve spent an hour searching around for solutions and I give up. Ask an expert I thought.

As before if you need to see the site just now the hosts file needs
50.22.24.130 www.birdonthehand.co.uk
50.22.24.130 birdonthehand.co.uk

Many thanks
Andrew

URL: http://www.birdonthehand.co.uk

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 10 years, 11 months ago

    Hi Andrew

    On another note, please won’t you quickly check Appearance > Custom CSS. Do you have the following in there?

    <div style="background-image:url(http://www.birdonthehand.co.uk/wp-content/uploads/2015/02/Owl-Toffee-Landing-vertical-m.png);background-repeat:no-repeat;height:200px;width:200px;margin-top:20px;">
<h1 style="color:black;line-height:18px;padding:20px 10px 2px 20px;">This is a Sample Headline</h1>
<p style="color:black;padding:2px 10px 10px 20px;">This is sample paragraph text on top of an image. You may need to change the color of the text so it's readable over the image.</div>

    If you do, please remove it, as HTML it’ll unfortunately cause problems in this CSS only space. If you remove that and then insert:

    /* Footer */

#footer-widgets .widget a:hover {
  color: #fff;
}

    Your footer menu links will then turn white on hover. Edit as required. Hope that helps.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread