Home>Support>Custom Menu Widget in page builder – hover effect

Custom Menu Widget in page builder – hover effect

By Bird on the Hand, 9 years ago. Last reply by Andrew Misplon, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 6 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More